TestCafe 可见性检查技术

如何解决TestCafe 可见性检查技术

两者之间是否有任何功能差异：

await t.expect(Selector('button').visible).ok();

和

await Selector('button',{visibilityCheck: true})

？

据我所知，它做同样的事情？如果选择器不可见，测试在两种情况下都会失败？

如果不同，你能给我一个确切的例子来说明不同时的情况吗？

最好的问候， 安娜

解决方法

第二种情况，测试不会失败，也许你的意思是

await t.expect(Selector(‘button’,{visibilityCheck: true}).exists).ok();

检查元素是否可见的最佳方法是像在第一个代码示例中一样使用它的可见属性。

visibilityCheck 选项的工作方式不同：如果启用，TestCafe 要求断言中的元素可见。否则，测试失败。例如，以下断言失败：

await t.expect(Selector(‘button’,{ visibilityCheck: true }).value).eql('value');


// Error: Cannot obtain information about the node because the specified selector does not match any node in the DOM tree.

在这种情况下，TestCafe 尝试使用选择器查找可见元素，但找不到（因为该元素不可见）。