jest.setup.js

import '@testing-library/jest-dom/extend-expect';
import React from 'react';
import fetchMock from 'jest-fetch-mock';

fetchMock.enableMocks();

jest.mock('./src/services/api/ApiManager');
jest.mock('./src/services/api/DefaultRoutes');
jest.mock('./src/services/api/Authenticator');
jest.mock('./src/widgets/graph/GraphNet', () => {
  return function GraphNet() {
    return <div />;
  };
});

jest.mock('./src/themes/ColorPicker', () => {
  return function ColorPicker() {
    return <div />;
  };
});

jest.mock('./src/themes/ThemeModifier', () => {
  return function ThemeModifier() {
    return <div />;
  };
});

jest.mock('./src/themes/ThemeUploader', () => {
  return function ThemeUploader() {
    return <div />;
  };
});

jest.mock('./src/services/TimeUtils', () => {
  function calculateAge() {
    return '1d';
  }

  function compareAge(a, b) {
    return a - b;
  }
  return {
    calculateAge,
    compareAge
  };
});

jest.mock('./src/common/DraggableWrapper', () => {
  return function DraggableWrapper({ children }) {
    return <div>{children}</div>;
  };
});

jest.mock('./src/resources/common/CustomIcon', () => {
  const icons = require(`@ant-design/icons`);

  const Icon = ({ type }) => {
    const Component = icons[type];
    return <Component />;
  };

  return function CustomIcon(props) {
    return <Icon type={props.icon ? props.icon : 'ApiOutlined'} />;
  };
});

jest.mock('react-ace', () => {
  return ({ onChange }) => {
    return (
      <input aria-label={'editor'} onChange={e => onChange(e.target.value)} />
    );
  };
});

jest.mock('ace-builds/src-noconflict/mode-json', () => {
  return null;
});
jest.mock('ace-builds/src-noconflict/mode-yaml', () => {
  return null;
});
jest.mock('ace-builds/src-noconflict/theme-monokai', () => {
  return null;
});
jest.mock('ace-builds/src-noconflict/theme-github', () => {
  return null;
});
jest.mock('ace-builds/webpack-resolver', () => {
  return null;
});
jest.mock('ace-builds/src-noconflict/mode-markdown', () => {
  return null;
});
jest.mock('ace-builds/src-noconflict/mode-javascript', () => {
  return null;
});
jest.mock('ace-builds/src-noconflict/theme-dawn', () => {
  return null;
});

jest.mock('react-github-btn', () => {
  return () => {
    return <div />;
  };
});

jest.mock('./src/customView/CustomViewUtils', () => {
  const onDrag = () => {};
  const onResize = () => {};
  const resizeDetector = () => {};

  return {
    onDrag,
    onResize,
    resizeDetector
  };
});

Object.defineProperty(window, 'matchMedia', {
  writable: true,
  value: jest.fn().mockImplementation(query => ({
    matches: false,
    media: query,
    onchange: null,
    addListener: jest.fn(), // deprecated
    removeListener: jest.fn(), // deprecated
    addEventListener: jest.fn(),
    removeEventListener: jest.fn(),
    dispatchEvent: jest.fn()
  }))
});

Object.defineProperty(window, 'APISERVER_URL', {
  writable: true,
  value: (window.APISERVER_URL =
    window.location.protocol +
    '//' +
    window.location.hostname +
    ':' +
    window.location.port +
    '/apiserver')
});