test代码eslint报错

来源：5-3 React 测试工具 - react-testing-library

weixin_慕勒5362282

2022-02-25

老师您好！
我发现很多测试代码都会报错，比如

不推荐将render返回值命名为wrapper
不允许直接访问node
input.test.tsx通过container.querySelector获取input-wrapper时报错，提示我们应该避免使用container methods。

还有很多类似的错误。请问老师这些错误的产生原因是因为测试library的更新吗？我们要怎么解决这些问题呢？

写回答

1回答

张轩

2022-02-26

同学你好非常感谢你的反馈欧

这些错误（或者说是警告比较合适）都是版本更新过程中，新添加的eslint 规则，是慢慢添加上去的，这些警告不影响测试的运行，是一些最佳实践的内容。

解决方案：

1 假如你不喜欢这个提示，可以直接在 .eslintrc.js 中禁用响应的提示。

2 如果想完美的按照它的实践进行，可以按照它的提示进行修改，比如第一个改个名字就好，第二个不直接访问 node，用 wrapper 上面的方法获取节点。等等。我觉得它的提示写的很清楚的，按照它的做法来就好。但是，请记住这只是一些推荐的做法，并不代表我们不能按照不推荐的方式来写，有些情况还是可以违法一些推荐的做法的，看个人的取舍了

React18+TS高仿AntD从零到一打造组件库

设计，开发，测试，发布再到 CI/CD，从0到1造轮子

2136 学习 · 959 问题

查看课程

相似问题

webstorm中eslint配置

回答 2

eslint 配置问题

回答 2

eslint报错

回答 3

npm run test 报错

回答 1

请问老师upload一直报错act

回答 2

打开慕课网App查看更多内容