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

标签 javascript cypress user-input e2e-testing e2e

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

browserSpecificAlert

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

有没有办法使用 Cypress 断言来确认此警报是否存在?

最佳答案

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

Cypress examples (v9.4.1) - Form validation

<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.')

关于javascript - Cypress - 测试提交无效输入时是否存在特定于浏览器的警报,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71239608/

相关文章:

javascript - Angular 路由通过手动刷新或直接输入 url 进入主页

javascript - 根据用户点击和/或当前用户位置绘制折线

javascript - 更新 cypress 中不断变化的 xhr URL

maven - 将 cypress 测试框架添加到 Maven pom.xml

Cypress 检查元素是否有滚动条可见

javascript - 如何在 Javascript 或 J-Query 中动态访问用户输入的输入字段数据

javascript - window.location 在 ie8 中未定义

javascript - 避免在 vue 模板中重复模式

input - 如何使用 J 编程语言获取用户输入

java - 尝试在java中验证用户输入