Step 6: Testing Updates

module.exports = {
  preset: '@amazon-devices/react-native-kepler',
  setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
  moduleNameMapper: {
    '^react-native$': '@amazon-devices/react-native-kepler',
    '^react-native/(.*)$': '@amazon-devices/react-native-kepler/$1',
  },
  transformIgnorePatterns: [
    'node_modules/(?!(react-native|@react-native|@amazon-devices/react-native-kepler|@amazon-devices)/)',
  ],
};

// jest.setup.js

/**
 * Mock Dimensions API for TV platform
 * Vega TV devices render a 1920x1080 canvas at scale 2,
 * so the window is 960x540 in layout units (DIP).
 * RN 0.83 needs the `default` wrapper, or Dimensions.get is undefined.
 */
jest.mock('react-native/Libraries/Utilities/Dimensions', () => ({
  default: {
    get: jest.fn().mockReturnValue({
      width: 960,
      height: 540,
      scale: 2,
      fontScale: 1,
    }),
    addEventListener: jest.fn(() => ({ remove: jest.fn() })),
  },
}));

/**
 * Mock PixelRatio API for TV platform
 * PixelRatio.get() returns 2 on Vega TV devices with RN 0.83
 */
jest.mock('react-native/Libraries/Utilities/PixelRatio', () => ({
  default: {
    get: jest.fn().mockReturnValue(2),
    getFontScale: jest.fn().mockReturnValue(1),
    getPixelSizeForLayoutSize: jest.fn((layoutSize) => Math.round(layoutSize * 2)),
    roundToNearestPixel: jest.fn((layoutSize) => Math.round(layoutSize * 2) / 2),
  },
}));

/**
 * 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