import React from "react";
import glob from 'glob';
import { render } from 'enzyme';
import MockDate from 'mockdate';
import moment from 'moment';
import { setup } from '../utils';

React.useLayoutEffect = React.useEffect;

export default function demoTest(component, options = {}) {
  const regex = /-pro$/;
  const dirname =
    regex.test(component) > 0
      ? `./components-pro/${component.replace(/-pro$/gi, '')}`
      : `./components/${component}`;
  const files = glob.sync(`${dirname}/demo/*.md`);
  setup();
  files.forEach(file => {
    let testMethod = options.skip === true ? test.skip : test;
    if (Array.isArray(options.skip) && options.skip.some(c => file.includes(c))) {
      testMethod = test.skip;
    }
    testMethod(`renders ${file} correctly`, async () => {
      MockDate.set(moment('2016-11-22'));
      const demo = require(`../.${file}`).default; // eslint-disable-line global-require, import/no-dynamic-require
      const wrapper = render(demo);
      expect(wrapper).toMatchSnapshot();
      MockDate.reset();
    });
  });
}