Как выбрать div с помощью псевдоэлемента :: after in testcafe

Question

Мне нужно нажать на div с псевдоэлементом ::after.

Сам Div невидим, но после наведения на другой элемент, в конце div появляется значок div::after, который мне нужно щелкнуть.

Как мне создать селектор для div::after?

Я могу выполнить щелчок в консоли с помощью jQuery, но я не могу сделать это в testcafe, потому что я получаю

Ошибка: 'actionElementIsInvisibleError'.

Использовать селектор .more-options::after не работает

Answer 1

Вы должны смоделировать эффект зависания, «исправляя» стиль целевого элемента div. Другими словами, вы должны сделать это видимым, вызвав клиентскую функцию, которая изменит стиль div. Вы можете найти пример кода здесь: tc-client-function-set-style-attribute