React Native detox 记录测试脚本的用户交互答案

【问题标题】：React Native detox record user interactions for test scriptReact Native detox 记录测试脚本的用户交互
【发布时间】：2018-05-12 16:21:42
【问题描述】：

我正在使用 detox 在 iOS 中测试一个反应原生应用程序。（排毒写在EarlGrey之上）。

我更喜欢使用 Detox 的 by.id matcher，它使用 React Native 的 testID（iOS 的辅助功能 ID）

我遇到的问题是在我的应用程序的每个页面上找到正确的 testID 以编写测试用例所需的时间。有没有办法记录我的用户交互，以便我可以快速生成排毒测试脚本？我主要在模拟器中单击各种按钮。或者，有没有办法在 react native 应用程序运行时快速查看它的 testID？

我尝试了以下方法，但发现速度很慢：

当 detox 测试用例失败时，它会在日志中打印带有 UI 层次结构的错误日志。虽然很有帮助，但我发现这是一种查找测试 ID 的缓慢方法。
React Native 检查器允许我通过单击页面上的各种 UI 元素来查看它们。不幸的是，它没有列出 testID，所以我必须扫描代码以查看作为 testID 传递的值。

【问题讨论】：

【解决方案1】：

有没有办法记录我的用户交互，以便我可以快速生成排毒测试脚本？

- 据我所知没有

您可以尝试 react-devtools 来查找 testID。

npm i -g react-devtools

在终端安装运行 react-devtools 后。

react-devtools

您仍然需要 Toggle Inspector，但您现在可以使用 React Developer Tools UI 来探索 React DOM 树，如下所示：

【讨论】：