html - 如何使用 Cucumber 测试 HTML5 页面中的错误条件？

Question

我正在使用 Cucumber 测试 Web 应用程序行为(在后台使用 Selenium 和 Watir)。我的网络应用程序有 HTML5 页面并使用新的“必需”属性。如果我有一个包含必填字段的数据输入表单，并且我提交了该字段为空白的表单，我想验证网络应用程序是否正确响应错误情况。

不幸的是，当使用 HTML5 网络浏览器进行测试时，Cucumber 似乎无法通过网络驱动程序访问在字段验证失败时弹出的错误消息。在任何情况下，都不会提交表单，页面仍保留在数据输入表单上。

另一方面，当测试无外设或使用不兼容 HTML5 的浏览器时，表单可能会提交，从而允许我的网络应用捕获错误并将用户发送回表单页面并显示错误消息。

在第二种情况下，我可以轻松地测试错误消息是否存在，因为它是页面中提供的 HTML 的一部分。我的问题是我看不到如何编写一个单一的测试场景来验证 headless 浏览器和 HTML5 浏览器情况的错误条件。

对于 Selenium 和 Watir 网络驱动程序的当前状态，这可能是不可能的。但是，如果有人知道如何验证 HTML5“必需”错误弹出消息，那将是一个很大的帮助。

编辑 2012-06-02:

这是一个sample page带有 HTML5 浏览器警告示例。

有一个必需的文本和选择，一个显示内部提示文本的文本框，以及一个带有正则表达式输入验证的文本框。该页面没有任何 CSS 或 javascript 来混淆问题，它只是普通的 HTML5。查看w3schools page about HTML5 field attributes彻底崩溃。表单提交到一个简单的 CGI 脚本，该脚本仅回显表单输入，假设表单成功。提交失败将保留在示例表单页面上。

Answer 1

我以前没有使用过 HTML5 required 属性。但从表面上看，required 属性只是提醒浏览器必须填写该表单字段(即 DOM 不会更改)。

在我看来，只断言 required 属性存在于相应表单字段的 HTML 中是合理的。该测试应该同时通过 HTML5 浏览器和非 HTML5 浏览器。

在我看来，尝试断言任何比这更像是在测试浏览器的功能。