react-testing-library 的 fireEvent.click 在测试 react-native-web 时未更新 debug() 的结果答案

【问题标题】：react-testing-library's fireEvent.click not updating result of debug() when testing react-native-webreact-testing-library 的 fireEvent.click 在测试 react-native-web 时未更新 debug() 的结果
【发布时间】：2020-04-17 16:46:44
【问题描述】：

所以我使用 React https://github.com/pavilion/ConnectFourTDD 创建了一个简单的 ConnectFour 游戏

我已经创建了 Board 和 Cell 组件。棋盘由一张 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

我做错了什么？

【问题讨论】：

标签： reactjs typescript jestjs react-testing-library react-native-web

【解决方案1】：

经过一些研究，我发现响应系统不依赖点击事件，所以你不能指望调度那些调用了 onPress 的 DOM 事件。

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

【讨论】：