你如何测试 React Native 应用程序？

Question

Accepted Answer

React Native 支持多个层级的测试 — **unit tests**（逻辑）、**component tests**（使用 React Native Testing Library）和 **end-to-end tests**（使用 Detox）。良好的测试策略可以提高可靠性和信心。

## Unit 和 component 测试（Jest + Testing Library）

```text
JEST → the standard JS test runner (unit tests for logic, functions, hooks)
REACT NATIVE TESTING LIBRARY → test components by rendering and interacting with them
  (the way a user would) — query elements, fire events, assert on output
```

```jsx
import { render, fireEvent, screen } from '@testing-library/react-native';

test('increments counter', () => {
  render(<Counter />);
  fireEvent.press(screen.getByText('Increment'));   // interact
  expect(screen.getByText('Count: 1')).toBeTruthy(); // assert
});
```

React Native Testing Library 从用户的角度测试组件（渲染、交互、断言）— 鼓励编写类似实际使用的测试。

## End-to-end 测试（Detox）

```text
DETOX → E2E testing on a real device/emulator — tests full user flows (launch the app,
  tap through screens, verify behavior) like a real user, across the whole app
  → slower but tests the integrated app end-to-end (Maestro is another popular E2E tool)
```

## 测试策略

```text
→ Test PYRAMID: many unit tests (logic), component tests (UI behavior), fewer E2E (flows)
→ Test important logic, component behavior, and critical user flows
→ Mock APIs/native modules; test on both platforms for E2E
→ Testable architecture (separate logic from UI) makes testing easier
```

## 为什么这很重要

了解如何测试 React Native 应用程序是有价值的高级知识，因为 **测试提高了可靠性和信心**，允许在不破坏事物的情况下进行更改，因此这是有用的专业知识。

React Native 支持跨多个层级的测试策略，理解每个层级很关键。**Unit 测试**（使用 **Jest**，标准 JS 测试运行器，用于逻辑、函数和 hooks）验证应用的逻辑 — 这是基础。**Component 测试**（使用 **React Native Testing Library**，渲染组件并以用户的方式与之交互 — 查询元素、触发事件、对输出进行断言）特别有价值，因为它从用户的角度测试组件，鼓励编写类似实际使用的测试，并捕获 UI 行为问题，这是测试 React Native UI 的关键实践。**End-to-end 测试**（使用 **Detox** 或 Maestro，在真实设备/模拟器上测试完整用户流，就像真实用户一样）捕获集成应用中的问题，尽管它速度较慢。

理解所有三个层级以及何时使用每个层级是完整测试方法的必要条件。

理解 **测试策略** — 测试金字塔（许多 unit 测试、用于 UI 行为的 component 测试、较少的用于流的 E2E 测试）、测试重要的逻辑和关键流、模拟 API 和原生模块、E2E 时在两个平台上测试，以及 **可测试的架构**（将逻辑与 UI 分离）使测试变得更容易 — 反映了一种有效、平衡的方法。

测试提高了可靠性（捕获错误）、支持自信地进行更改（知道测试会捕获回归），是专业开发的标志。

由于测试对于构建可靠、可维护的应用很重要，而 React Native 在 unit（Jest）、component（Testing Library）和 E2E（Detox）层级提供工具，并且由于理解这些层级和合理的策略对专业开发很有价值，了解如何测试 React Native 应用是有价值的、实际相关的高级知识 — 对于以信心构建可靠应用很重要，反映专业实践，特别对于 React Native Testing Library 的用户角度 component 测试很有用，是高质量 React Native 开发的关键技能。