css-selectors - 如何在 testcafe 中使用伪元素选择 div::after

标签 css-selectors automated-tests e2e-testing web-testing testcafe

我需要点击带有伪元素 ::after 的 div。

Div 本身是不可见的,但是在将鼠标悬停在另一个元素上之后,我需要单击 div 末尾的 div::after 附加图标。

如何为 div::after 创建一个选择器?

我可以用 jQuery 在控制台中执行点击,但我不能在 testcafe 中执行,因为我得到了

Error:'actionElementIsInvisibleError'.

使用选择器 .more-options::after 不起作用

最佳答案

您必须通过“修补”目标 div 的样式来模拟自己的悬停效果。换句话说,您必须通过调用将更改 div 样式的客户端函数使其可见。您可以在此处找到代码示例:tc-client-function-set-style-attribute

关于css-selectors - 如何在 testcafe 中使用伪元素选择 div::after,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55643047/

相关文章:

html - 如何在 CSS 的#document 中选择元素?

html - 通配符选择器工作异常

javascript - 是否可以将类 div 中的最后一个元素作为目标? CSS

css - 是否有 CSS 父级选择器?

jenkins - 如何扩展Jenkins中的报告?

security - 如何使用 OWASP Zap 登录和扫描

redirect - 将 URL 重定向到主页时 TestCafe 挂起

javascript - 单击时 TestCafe 持久化数据

node.js - 如何告诉 TestCafe 在 navigateTo 方法之后等待?

javascript - routerLink 在 angular2 中使用 Protractor 的 e2e 测试中不起作用