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

React Native detox record user interactions for test script

我正在使用 detox to test a react native app in iOS. (Detox is written on top of EarlGrey).

我更喜欢使用 Detox 的 by.id matcher，它使用 React Native 的 testID（iOS 的可访问性 ID）

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

时快速查看本机应用程序中的 testIDs

我试过以下方法，但我觉得很慢：

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

Is there a way to record my user interactions so that I can quickly generate 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

您仍然需要切换检查器，但您现在可以使用 React 开发人员工具 UI 来探索 React DOM 树，如下所示：