代码之家  ›  专栏  ›  技术社区  ›  diegoalmesp

在为组件和父级编写测试时,反应测试库和代码沙盒问题

  •  0
  • diegoalmesp  · 技术社区  · 6 年前

    我在做一个简单的战舰游戏。

    首先,我为董事会创建了测试。现在我正在编写BoardContainer,它保存状态并计算回合和命中次数,并呈现这样的板。

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

    以下是代码沙盒URL: https://codesandbox.io/s/o75lq4z9n6

    顺便说一句,我正在学习TDD,所以我是新来的,我会非常有帮助的任何建议,如何处理这个与生产create react应用程序项目(有可能会发生同样的情况吗?)。提前谢谢!

    1 回复  |  直到 6 年前
        1
  •  2
  •   Gio Polvara    6 年前

    问题是你没有 cleanup 每次测试后。 https://github.com/kentcdodds/react-testing-library#cleanup

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