根组件测试问题(变量访问.检测状态)

来源:10-6 App.js 主入口文件测试编码

慕瓜5414566

2021-01-06

老师函数组件测试遇到不少困难,想请问现行根组件测试的用法有没有变化
尤其instance(或getDOMNode)无效,该怎么调用里面的actions变量下的函数呢
另一个问题是根组件现在还去测试应用状态吗(测试的三层模型)
因为无法访问组件内容的状态(state),确认是否跟测试资料一致…
现在查到理解的资料是测试Dom的显示就好,但似乎跟容器.展示组件的显示测试重叠了
有点茫然新的策略,包含像是(test getEditData without initial data in create mode),无法用原本setState设置状态的情况下,怎么模拟直接进入创建页的状况(测异步次数)。
问题有点多,在这些问题上一直找不到突破口,最后感谢老师的协助
App.test.js

写回答

1回答

张轩

2021-01-08

同学你好 假如是函数式组件 现在已经弱化了展示性和容器型组件的概念 现在对于根组件我建议不使用这样的方法进行测试 而是使用 DOM 节点的方式。这也是现在react-testing-library 的一个测试方法,更关注界面而不是内部的数据。对于create 和 edit,我建议你创建两个不同的 testCase 一个是有 id 的,一个是没有 id 的,将两者的逻辑分开

1
2
慕瓜5414566
这样感觉只要测试根组件,容器组件再测试的必要性好像就没了
2021-01-11
共2条回复

React16组件化+测试+全流程 实战在线账本项目

轻松上手,从设计图到上线,精通组件化思维和组件测试

713 学习 · 177 问题

查看课程