为组件和父代编写测试时,react-testing-library和codeandbox问题

时间:2018-11-01 02:40:46

标签: reactjs tdd jestjs codesandbox react-testing-library

我正在制作一个简单的战舰游戏。

首先,我为董事会创建了测试。现在,我正在编写BoardContainer,它保存状态并计算转弯和击中次数,并渲染出这样的Board。

在Board测试中,我检查了它的大小(10x10),但是在测试容器时,它将再次“渲染” Board,因此第一个测试失败了,因为现在它找到了20x20的Board。 kes!

我不确定处理该问题的正确方法是什么,我不想在同一个文件中编写所有测试,因为那不是我在现实世界项目中要做的。

这是codeandbox网址:https://codesandbox.io/s/o75lq4z9n6

顺便说一句,我正在学习TDD,所以我是新手,对于如何通过生产create-react-app项目来解决这个问题,我的建议会非常有帮助(是否可能会发生同样的事情? )。预先感谢!

1 个答案:

答案 0 :(得分:2)

问题在于,每次测试后您都不会cleanuphttps://github.com/kentcdodds/react-testing-library#cleanup

这是固定版本:https://codesandbox.io/s/l5okx6zzml