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 查看是否存在錯誤 class。 如果是這樣，它會在我正在測試的頁面上引發錯誤。 Testcafe 報告該錯誤的消息。

我希望有更好的方法。