ios - React Native 排毒记录用户交互测试脚本

Question

我正在使用 detox在 iOS 中测试 React Native 应用程序。 (排毒写在 EarlGrey 之上)。

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

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

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

1. 当排毒测试用例失败时，它会打印一个错误日志，其中包含日志中的 UI 层次结构。虽然有用，但我发现这是一种查找测试 ID 的缓慢方法。
2. React Native 检查器让我可以通过在页面上单击来查看各种 UI 元素。不幸的是，它没有列出 testID，因此我必须扫描代码以查看作为 testID 传递的值是什么。

Answer 1

Is there a way to record my user interactions so that I can quicklygenerate a detox test script?

- Not as far as I know

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

https://github.com/facebook/react-devtools

npm i -g react-devtools

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

react-devtools

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