测试react-native-web时react-testing-library的fireEvent.click不更新debug（）的结果

Question

所以我使用React https://github.com/pavilion/ConnectFourTDD

创建了一个简单的ConnectFour游戏。

我创建了一个Board和Cell组件。该面板由一个单元格表组成。

该测试将渲染一个4x4的Board并单击第一列的第一个元素，因此结果将是在第一列的底部得到一个X：

+--------------------+--+--+--+
| Click happens here |  |  |  |
+--------------------+--+--+--+
|                    |  |  |  |
+--------------------+--+--+--+
|                    |  |  |  |
+--------------------+--+--+--+
| X                  |  |  |  |
+--------------------+--+--+--+

但是，当我执行基本上打印DOM树的debug()时，它没有显示任何“ X”。测试如下：https://github.com/pavilion/ConnectFourTDD/blob/testing-library/packages/web/src/tests/App-test.tsx#L19

我在做什么错了？

Answer 1

经过一些研究，我发现响应者系统不依赖单击事件，因此您不能期望通过onPress被调用来调度那些DOM事件。

因此，如果您使用的是react-native-web，则不应使用react-testing-library来编写Web测试，而应该使用react-native-testing-library。