angularjs - 如何捕捉 chrome 的表单验证弹出窗口

Question

我正在为表单验证编写 Protractor 测试。

我想测试当表单中没有设置必需的字段时是否会出现 chrome 验证弹出窗口。

当未设置文件时，我会从 chrome 收到“请填写此字段”。

我想做这样的事情:

submitBtn = element(by.id('submitBtn'));
submitBtn.click();
validationMessage = ???
expect((validationMessage ).getText()).toBe('Please fill out this field');

如何获取？

Answer 1

您不需要测试 Chrome 的内部实现。 Chrome 开发人员将进行测试以涵盖弹出窗口的隐藏和显示。

您通过找到应该设置 required 属性的元素并断言它确实已设置来测试您的表单是否正确编写。

myInput = element(by.id('myInput'));
expect(myInput.getAttribute('required')).toBeDefined();