Cypress - 测试提交无效输入时是否存在特定于浏览器的警报

Question

我正在尝试测试无效输入是否会警告用户。该输入的 html“类型”是“电子邮件”，因此浏览器实际上显示此气泡，而不是我们在网站上公开的元素。

据我所知，这个有问题的气泡是特定于浏览器的，并且据我所知它不会出现在 DOM 中。另外，我无法在其上使用“选择元素”光标工具，它会忽略该气泡，就好像它不存在一样。如果有帮助，它是由输入表单触发的浏览器特定事件。

有没有办法使用赛普拉斯断言来确认此警报是否存在？

Answer 1

作为记录，我在这里找到了一个很好的例子

Cypress 示例 (v9.4.1) - 表单验证

<form id="form-validation" action="/action_page.php">
  <div>
    <label for="item">Item:</label>
    <input id="item" type="text" name="item" required />
  </div>

cy.get('#item:invalid')
  .invoke('prop', 'validationMessage')
  .should('equal', 'Please fill out this field.')