根组件的集成测试
来源：10-5 测试的三层模型
慕瓜5414566
2021-01-14
关于根组件的测试，如果是用函数组件来编写老师有建议
可以采用像是react-testing-library的测试方法，着重关注界面而不是内部数据
感觉有点像是根组件做集成测试
有遇到一个困难点，因為创建跟编辑没办法向原本那样查看state，
也找不到相关可以访问确认context provider的用法
所以只好跳回首页看条目有无增加更新
前面getEditData有mock api的关系，所以首页会检视失败
所以只好开新的test case去接真的api，老师这样也可以算是根组件的测试完成吗
写回答
1回答
-
同学你好 假如是全都使用 function component，而且使用 react-testing-library，它更重视的是界面，所以测试主要的 App 有点像测试整个APP， 所以改成 E2E 测试，更加形象一点, 但是这样就麻烦一点。
第二种方法，将数据操作的过程单独拿出来，做成一系列的操作数据的函数，但是不和 组件的 state 等产生具体的强绑定，你如果使用过 redux ，肯定就会知道它的 store 是可以单独测试的，我们这里可以使用同样的思路。
// 创建一个 dataOps.js function getEditData(id) { } 然后测试函数的返回是否符合逻辑142021-02-02
相似问题