Step 6: Testing Updates

module.exports = {
  preset: 'react-native',
  setupFilesAfterEnv: ['<rootDir>/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

/**
 * Mock Dimensions API for TV platform
 * Fire TV devices use 1920x1080 (Full HD) resolution with scale factor 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(),
}));

/**
 * Mock PixelRatio API for TV platform
 * TV devices use scale factor of 1 (no pixel doubling)
 */
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),
  },
}));

/**
 * Mock NativeAnimatedModule — RN 0.83 calls 23 specific methods.
 * Required for any test that triggers navigation animations.
 */
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(),
  },
}));

// ❌ BEFORE (breaks in RN 0.83)
jest.mock('react-native/Libraries/StyleSheet/StyleSheet', () => ({
  create: (styles) => styles,
  flatten: jest.fn(),
}));

// ✅ AFTER — include __esModule and default
jest.mock('react-native/Libraries/StyleSheet/StyleSheet', () => {
  const impl = {
    create: (styles) => styles,
    flatten: jest.fn(),
  };
  return { __esModule: true, default: impl, ...impl };
});

// For function-type default exports, return the function as default directly
jest.mock('react-native/Libraries/StyleSheet/flattenStyle', () => {
  const impl = jest.fn((style) => style);
  return { __esModule: true, default: impl };
});

// ❌ BEFORE (RN 0.72)
import 'react-native';
import React from 'react';
import App from '../App';
import renderer from 'react-test-renderer';

it('renders correctly', () => {
  renderer.create(<App />);
});

// ✅ AFTER (RN 0.83) — using react-test-renderer directly
import React from 'react';
import ReactTestRenderer from 'react-test-renderer';
import App from '../App';

test('renders correctly', async () => {
  await ReactTestRenderer.act(() => {
    ReactTestRenderer.create(<App />);
  });
});

// ✅ CORRECT with @testing-library/react-native
import { render, fireEvent } from '@testing-library/react-native';

test('renders correctly', () => {
  const screen = render(<App />);
  expect(screen).toMatchSnapshot();
});

test('handles button press', () => {
  const screen = render(<App />);
  fireEvent.press(screen.getByTestId('myButton'));
  expect(screen).toMatchSnapshot();
});

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

// ❌ BEFORE
export { Cookie } from './types/CookieManagerTypes';

// ✅ AFTER
export type { Cookie } from './types/CookieManagerTypes';

# Run tests to see failures
npm test

# Update all snapshots
npm test -- -u