javascript - Testcafe headless 可见性检查

Question

在 headless 模式下运行时，测试是否应该进行可见性检查？当我在正常的 chrome 或 firefox 中运行测试时，它们都通过了，但在 headless 模式下，我不断收到此错误:

test('Assert navigation from Home to page x...', async t => {
await t
    .expect(link.textContent).eql('page x')
    .click(link)
    .expect(getPageUrl()).contains('pagex')
});

Error: The element that matches the specified selector is not visible.

当我添加 expect([someSelector].visibile).ok() 时，我得到这个错误:

   AssertionError: expected false to be truthy

我觉得我为了在 headless 模式下运行它们的特定目的而编写这些测试的方法是不正确的。我不确定在 headless 模式下运行是否会影响测试结构的整体方法？

我正在编写许多可以集成到 Jenkins 中的端到端测试，以便它们在提交新代码时运行。

Answer 1

你想要 t.expect(selector.visible).ok()

可见性只是检查元素是否存在于 DOM 中，并且没有 visible: hidden 或 display: none 样式规则集

headless 运行不会影响这一点，因此可能存在其他问题。