为组件和父级编写测试时的 react-testing-library 和 codesandbox 问题
react-testing-library and codesandbox problem when writing tests for component and parent
我正在制作一个简单的战舰游戏。
首先，我为董事会创建了测试。现在我正在编写 BoardContainer，它保存状态并计算转数和命中数，并呈现这样的 Board。
在电路板测试中，我检查了它的大小 (10x10)，但是在测试容器时，它会再次 "render" 电路板，所以第一次测试失败了，因为现在它找到了一个 20x20 的电路板。哎呀！
我不确定处理这个问题的正确方法是什么，我不想在同一个文件中编写所有测试，因为这不是我在真实世界项目中会做的。
这是代码框 URL：https://codesandbox.io/s/o75lq4z9n6
顺便说一句，我正在学习 TDD，所以我是新手，关于如何使用生产 create-react-app 项目处理这个问题的任何建议（是否有可能发生相同的？）。提前致谢！
问题是您没有在每次测试后 cleanup。 https://github.com/kentcdodds/react-testing-library#cleanup
这是一个固定版本：https://codesandbox.io/s/l5okx6zzml
我正在制作一个简单的战舰游戏。
首先，我为董事会创建了测试。现在我正在编写 BoardContainer，它保存状态并计算转数和命中数，并呈现这样的 Board。
在电路板测试中，我检查了它的大小 (10x10)，但是在测试容器时，它会再次 "render" 电路板，所以第一次测试失败了，因为现在它找到了一个 20x20 的电路板。哎呀！
我不确定处理这个问题的正确方法是什么，我不想在同一个文件中编写所有测试，因为这不是我在真实世界项目中会做的。
这是代码框 URL：https://codesandbox.io/s/o75lq4z9n6
顺便说一句，我正在学习 TDD，所以我是新手，关于如何使用生产 create-react-app 项目处理这个问题的任何建议（是否有可能发生相同的？）。提前致谢！
问题是您没有在每次测试后 cleanup。 https://github.com/kentcdodds/react-testing-library#cleanup
这是一个固定版本：https://codesandbox.io/s/l5okx6zzml