选择器“ .exits”和“ .visible”之间的Testcafe差异

Question

即使我已经阅读了TC提供的文档，但仍不确定之间有什么区别？

await t.expect(element.visible).ok();

和

await t.expect(element.exists).ok();

我有一种预感，某种程度上可见的内容包括存在检查，但另一方面，元素可能存在，但根本不在可见区域...

提前谢谢

Answer 1

.exists仅检查DOM中的元素。它不检查可见性。

如果要检查可见性，则有两种方法：

await t.expect(element.with({visibilityCheck: true}).exists).ok();
await t.expect(element.visible).ok();

Answer 2

看看这里： https://github.com/DevExpress/testcafe/issues/5368#issuecomment-668448192 和这里 https://testcafe.io/documentation/402829/guides/basic-guides/select-page-elements#selector-timeout

因为存在和可见执行存在差异，这会给您带来问题。