testcafe：每次单击后检查内容

Question

我正在测试一个Web应用程序，该应用程序会将其某些错误呈现为HTML，并且没有其他迹象表明发生了问题。在每个click之后，我想看看是否存在.error元素。

我知道我可以在每次单击后手动添加它，但是这会使我的测试难以理解，并且很容易忘记某些实例。有没有办法告诉testcafe某个条件应该使测试失败，即使我没有明确检查它也可以吗？

Answer 1

我做了这样的事情：

const scriptContent = `
window.addEventListener('click', function () {
  if($('.error').length > 0) {
    throw new Error($('.error').text());
  }
});
`;
fixture`Main test`
  .page`../../dist/index.html`.clientScripts(
    { content: scriptContent }
);

这会将脚本注入到我正在测试的页面上。每次单击后，它使用jQuery查看是否存在错误类。如果是这样，它将在我正在测试的页面上引发错误。 Testcafe报告该错误消息。