jest.setup.ts

import '@testing-library/jest-dom';
import 'jest-location-mock';
import 'jest-localstorage-mock';

// HINT: we need this mock for the tests with docusaurus components
window['docusaurus'] = {
  prefetch: jest.fn(),
  preload: jest.fn(),
};

// HINT: we need for radix-ui dropdown menu for account switcher, based on this https://stackoverflow.com/questions/68679993/referenceerror-resizeobserver-is-not-defined
// TODO: please remove this when we have the official account switcher from deriv-app
window.ResizeObserver =
  window.ResizeObserver ||
  jest.fn().mockImplementation(() => ({
    disconnect: jest.fn(),
    observe: jest.fn(),
    unobserve: jest.fn(),
  }));

// HINT: we need this mock for the tests with useDevice hook
Object.defineProperty(window, 'matchMedia', {
  writable: true,
  value: jest.fn().mockImplementation((query) => ({
    matches: false,
    media: query,
    onchange: null,
    addListener: jest.fn(),
    removeListener: jest.fn(),
    addEventListener: jest.fn(),
    removeEventListener: jest.fn(),
    dispatchEvent: jest.fn(),
  })),
});

Object.defineProperty(window, 'scrollTo', { value: jest.fn(), writable: true });

const originalConsoleWarn = console.warn;
console.warn = (...args) => {
  // Filter out the specific warning about trackjs as we are not setting environment variables in the test environment
  if (!args[0].includes('trackjs is not installed due to a missing token')) {
    // Forward all other warnings to the original console.warn
    originalConsoleWarn(...args);
  }
};

const mockYamlContent = `
groups:
  - label: All Calls
    methods:
      - name: account_list
        title: Account List
      - name: active_symbols
        title: Active Symbols
      - name: app_get
        title: Application: Get Details
`;

jest.mock('yaml', () => ({
  parse: jest.fn(() => ({
    groups: [
      {
        label: 'All Calls',
        methods: [
          { name: 'account_list', title: 'Account List' },
          { name: 'active_symbols', title: 'Active Symbols' },
          { name: 'app_get', title: 'Application: Get Details' },
        ],
      },
    ],
  })),
}));

global.fetch = jest.fn(() =>
  Promise.resolve({
    text: () => Promise.resolve(mockYamlContent),
  }),
) as jest.Mock;