Reactjs 材料ui/formik上的cypress类型输入文本测试失败（react应用程序）

我用cypress测试了登录提交功能

登录表单由物料界面和formik构建

运行测试时，我无法在输入上获取“数据测试”道具

测试代码 错误消息

示例代码

如中所述，您必须将带有inputProps属性的数据测试属性传递到输入字段中，如下所示：

inputProps={{{data testid:'username'}}

这将允许您使用正在使用的get函数访问输入字段，并实际将文本输入到输入中

希望这有帮助。

---

愉快的编码。

我会尝试用backticks代替。看看是不是那样的

cy.get(`[data-testid="username"]`).type('yuchung');

但是如果我没有弄错的话，formik为Dom提供了输入的唯一名称。你可以用它们来代替。使用

cy.log

打印formik输入值

---

或者，我也可以检查DOM，手动查看是否打印了值。

就我所知，他对元素的访问是正确的。

inputProps={{'data testid'：{name}，tabIndex:{name}}

会导致一个错误

找不到

。您必须像我的答案一样编写它，用“”包装名称并删除{}围绕名称。

inputProps={{'datatestid'：'username'，tabIndex:'username'}

cy.get(`[data-testid="username"]`).type('yuchung');