手順6：更新をテストする

module.exports = {
  preset: 'react-native',
  setupFilesAfterEnv: ['<ルートディレクトリ>/jest.setup.js'],
  transformIgnorePatterns: [
    'node_modules/(?!((jest-)?react-native|@react-native(-community)?|@amazon-devices/react-native-kepler)|react-native-safe-area-context)',
  ],
};

// jest.setup.js

/**
 * TVプラットフォーム向けにDimensions APIのモックを定義します。
 * Fire TVデバイスでは1920x1080（フルHD）の解像度とスケール係数1を使用します。
 */
jest.mock('react-native/Libraries/Utilities/Dimensions', () => ({
  get: jest.fn().mockReturnValue({
    width: 1920,
    height: 1080,
    scale: 1,
    fontScale: 1,
  }),
  addEventListener: jest.fn(),
  removeEventListener: jest.fn(),
}));

/**
 * TVプラットフォーム向けにPixelRatio APIのモックを定義します。
 * TVデバイスではスケール係数1を使用します（ピクセルの拡大なし）。
 */
jest.mock('react-native/Libraries/Utilities/PixelRatio', () => ({
  default: {
    get: jest.fn().mockReturnValue(1),
    getFontScale: jest.fn().mockReturnValue(1),
    getPixelSizeForLayoutSize: jest.fn((layoutSize) => layoutSize),
    roundToNearestPixel: jest.fn((layoutSize) => layoutSize),
  },
}));

/**
 * NativeAnimatedModuleのモックを定義します。RN 0.83では特定の23個のメソッドが呼び出されます。
 * ナビゲーションアニメーションをトリガーするすべてのテストに必要です。
 */
jest.mock('react-native/Libraries/Animated/NativeAnimatedModule', () => ({
  __esModule: true,
  default: {
    startOperationBatch: jest.fn(),
    finishOperationBatch: jest.fn(),
    createAnimatedNode: jest.fn(),
    updateAnimatedNodeConfig: jest.fn(),
    getValue: jest.fn(),
    startListeningToAnimatedNodeValue: jest.fn(),
    stopListeningToAnimatedNodeValue: jest.fn(),
    connectAnimatedNodes: jest.fn(),
    disconnectAnimatedNodes: jest.fn(),
    startAnimatingNode: jest.fn(),
    stopAnimation: jest.fn(),
    setAnimatedNodeValue: jest.fn(),
    setAnimatedNodeOffset: jest.fn(),
    flattenAnimatedNodeOffset: jest.fn(),
    extractAnimatedNodeOffset: jest.fn(),
    connectAnimatedNodeToView: jest.fn(),
    disconnectAnimatedNodeFromView: jest.fn(),
    restoreDefaultValues: jest.fn(),
    dropAnimatedNode: jest.fn(),
    addAnimatedEventToView: jest.fn(),
    removeAnimatedEventFromView: jest.fn(),
    addListener: jest.fn(),
    removeListeners: jest.fn(),
  },
}));

// ❌ 更新前（RN 0.83で問題が発生）
jest.mock('react-native/Libraries/StyleSheet/StyleSheet', () => ({
  create: (styles) => styles,
  flatten: jest.fn(),
}));

// ✅ 変更後 - __esModuleとdefaultを含める
jest.mock('react-native/Libraries/StyleSheet/StyleSheet', () => {
  const impl = {
    create: (styles) => styles,
    flatten: jest.fn(),
  };
  return { __esModule: true, default: impl, ...impl };
});

// 関数型のデフォルトエクスポートでは、関数を直接defaultとして返します。
jest.mock('react-native/Libraries/StyleSheet/flattenStyle', () => {
  const impl = jest.fn((style) => style);
  return { __esModule: true, default: impl };
});

// ❌ 更新前（RN 0.72）
import 'react-native';
import React from 'react';
import App from '../App';
import renderer from 'react-test-renderer';

it('正しくレンダリングされる', () => {
  renderer.create(<App />);
});

// ✅ 更新後（RN 0.83）- react-test-rendererを直接使用
import React from 'react';
import ReactTestRenderer from 'react-test-renderer';
import App from '../App';

test('正しくレンダリングされる', async () => {
  await ReactTestRenderer.act(() => {
    ReactTestRenderer.create(<App />);
  });
});

// ✅ @testing-library/react-nativeを使用する場合の正しい例
import { render, fireEvent } from '@testing-library/react-native';

test('正しくレンダリングされる', () => {
  const screen = render(<App />);
  expect(screen).toMatchSnapshot();
});

test('ボタン押下を処理する', () => {
  const screen = render(<App />);
  fireEvent.press(screen.getByTestId('myButton'));
  expect(screen).toMatchSnapshot();
});

beforeEach(() => jest.useFakeTimers());
afterEach(() => {
  jest.runOnlyPendingTimers();
  jest.useRealTimers();
});

// ❌ 更新前
export { Cookie } from './types/CookieManagerTypes';

// ✅ 更新後
export type { Cookie } from './types/CookieManagerTypes';

# テストを実行してエラーを確認します。
npm test

# すべてのスナップショットを更新します。
npm test -- -u