Pa11y 5 可访问性测试使用操作无法在反应 js 应用程序中设置表单字段

Pa11y 5 Accessibility Testing using Actions unable to set form fields in a react js app

使用 Pa11y 5 动作我尝试设置一个使用 react-js 开发的表单。 通过定期截屏,我可以看到正在设置数据。

示例:

'set field #firstName to John',
'set field #lastName to Doe'

但是当进行以下操作时:

'click element #submitbutton

JavaScript 验证开始并显示所有表单字段都不完整。当我问这里的开发人员时,他说,Dom 事件没有触发,你能不能做一些类似键盘类型的事情来将值设置到表单字段中。所以他的期望是我能够在行动声明中做类似下面的事情:

'type John into field #firstName',
'type Doe into field #lastName'

现在我知道 pa11y 5 不支持这样的操作,但是有没有其他方法我可以使用操作来实际 'type' 值,而不是静默设置值并且 react-js 不反应更改,直到光标离开该字段(如制表符离开该字段)或实际按下按钮时。

真正让 react-js 兴奋的设置值的任何帮助都将不胜感激。

谢谢。

Pa11y 在字段更改时触发 input 事件。我们建议改为监视 DOM 事件,因为它在各种输入法中更加稳健。

这个问题更详细一点:https://github.com/pa11y/pa11y/issues/384