Jest如何測試React Native應用

Jest 是一個流行的 JavaScript 測試框架，它可以很好地與 React Native 一起使用。要使用 Jest 測試 React Native 應用程序，請按照以下步驟操作：

1. 安裝依賴項：

確保你已經安裝了 Node.js 和 npm。然后，在項目根目錄中運行以下命令來安裝 Jest 和 React Native 的測試工具：

npm install --save-dev jest @testing-library/react-native react-test-renderer

2. 配置 Jest：

在項目根目錄中創建一個名為 jest.config.js 的文件，并添加以下內容：

module.exports = {
  preset: 'react-native',
  setupFiles: ['./jest.setup.js'],
  transformIgnorePatterns: [
    'node_modules/(?!(react-native|react-navigation|@react-navigation|@react-native-community|@react-native)/)',
  ],
};

這將告訴 Jest 使用 React Native 預設，并指定一個設置文件。同時，它還處理了一些常見的模塊轉換問題。

3. 創建 Jest 設置文件：

在項目根目錄中創建一個名為 jest.setup.js 的文件。在此文件中，你可以添加任何需要在測試之前運行的代碼。例如，你可以使用以下內容：

import 'react-native-gesture-handler/jestSetup';

4. 編寫測試：

現在你可以開始編寫測試了。在 __tests__ 目錄中（如果沒有，請創建一個），創建一個新的測試文件，例如 App.test.js。在此文件中，你可以使用 Jest 和 React Native 測試庫編寫測試。例如：

import React from 'react';
import { render, fireEvent } from '@testing-library/react-native';
import App from '../App';

describe('App', () => {
  it('renders correctly', () => {
    const { toJSON } = render(<App />);
    expect(toJSON()).toMatchSnapshot();
  });

  // 更多測試...
});

5. 運行測試：

在 package.json 文件中，將以下內容添加到 "scripts" 部分：

"scripts": {
  "test": "jest"
}

現在，你可以通過運行以下命令來執行測試：

npm test

這只是一個簡單的示例，Jest 和 React Native 測試庫提供了許多其他功能，如事件模擬、查詢和斷言等。你可以查看官方文檔以獲取更多信息：

• Jest: https://jestjs.io/
• React Native Testing Library: https://callstack.github.io/react-native-testing-library/