测试咖啡馆无头可见性检查

Question

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

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.

当我添加期望([someSelector].visibile(.ok((时，我收到此错误：

AssertionError: expected false to be truthy

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

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

Answer 1

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

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

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