How to select div with pseudoelement ::after in testcafe

Question

I need to click on div with pseudo element ::after.

Div itself is invisible, but after hovering on another element, the div::after append icon at the end of div which I need to click.

How can I create a selector for div::after?

I can perform click in console with jQuery, but I can't do it in testcafe, because I get

Error:'actionElementIsInvisibleError'.

Use selector .more-options::after is not working

Answer 1

You have to simulate yourself the hovering effect by 'patching' the style of the targeted div. In other words you have to make it visible by calling a client function that will change the div style. You may find a code sample here : tc-client-function-set-style-attribute