import createGenerateClassName from "@material-ui/core/styles/createGenerateClassName";
import initStoryshots from "@storybook/addon-storyshots";
import { configure, render } from "enzyme";
import * as Adapter from "enzyme-adapter-react-16";
import toJSON from "enzyme-to-json";

configure({ adapter: new Adapter() });

jest.mock("@material-ui/core/styles/createGenerateClassName");
(createGenerateClassName as any).mockImplementation(
  () => (rule, stylesheet) => {
    return [stylesheet.options.meta, rule.key, "id"].join("-");
  }
);

initStoryshots({
  configPath: "saleor/static/dashboard-next/storybook/",
  test({ story }) {
    const result = render(story.render());
    expect(toJSON(result)).toMatchSnapshot();
  }
});

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
 * You can obtain one at http://mozilla.org/MPL/2.0/. */

import * as Enzyme from 'enzyme'
import * as EnzymeAdapter from 'enzyme-adapter-react-16'

// not mocking this file make some tests to fail due to non clear reason.
// other action creators didn't need mocking and tests are ok without it.
// since we are not testing action creators ATM it seemed ok to have it mocked
// to unblock other work depending on this test refactor.
// TODO: @cezaraugusto investigate
jest.mock('../brave_extension/extension/brave_extension/background/actions/shieldsPanelActions')

// Setup enzyme's react adapter
Enzyme.configure({ adapter: new EnzymeAdapter() })

import Enzyme from 'enzyme'
import Adapter from 'enzyme-adapter-react-16'

Enzyme.configure({
  adapter: new Adapter(),
})

jest.mock('react-native-background-timer', () => ({
  start: jest.fn(),
  stop: jest.fn(),
  setInterval: (callback?: void, duration?: number) =>
    setTimeout(callback, duration),
  clearInterval: (timeout: number) => clearTimeout(timeout),
}))

jest.useFakeTimers()

import 'raf/polyfill';
import { configure } from 'enzyme';
import * as ReactSixteenAdapter from 'enzyme-adapter-react-16';
import 'core-js/es6/map';
import 'core-js/es6/set';

configure({ adapter: new ReactSixteenAdapter() });

// React depends on requestAnimationFrame.
// Make sure to load a polyfill. http://fb.me/react-polyfills
// tslint:disable-next-line:no-var-requires
require('raf/polyfill');

// Setup enzyme's React 16 adapter
import * as Enzyme from 'enzyme';
import * as React16Adapter from 'enzyme-adapter-react-16';
Enzyme.configure({ adapter: new React16Adapter() });