选择器“.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

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