wix-style-react/src/Button/Button.e2e.js

wix-style-react

import { eyesItInstance } from '../../test/utils/eyes-it';

import {
  createStoryUrl,
  createTestStoryUrl,
} from '../../test/utils/storybook-helpers';
import { storySettings, testStories } from '../../stories/Button/storySettings';
import { disableCSSAnimation } from '../../test/utils/protractor-helpers';

const testStoryUrl = testName =>
  createTestStoryUrl({ ...storySettings, testName });

describe('Button', () => {
  const storyUrl = createStoryUrl({
    kind: storySettings.kind,
    story: storySettings.storyName,
  });

  beforeAll(async () => {
    await browser.get(storyUrl);
    await browser.executeScript(disableCSSAnimation);
  });

  const eyes = eyesItInstance();

  eyes.it('Make a screenshoft of all Button examples', () => {
    expect(true).toBeTruthy();
  });

  describe('test stories', () => {
    const checkTestStory = async testName => {
      await browser.get(testStoryUrl(testName));
      eyes.checkWindow(testName);
    };

    eyes.it('check button skins', async () => {
      await checkTestStory(testStories.BUTTON_SKINS);
    });

    eyes.it('check button sizes', async () => {
      await checkTestStory(testStories.BUTTON_SIZES);
    });

    eyes.it('check button sizes affixes', async () => {
      await checkTestStory(testStories.BUTTON_AFFIXES);
    });

    eyes.it('check button render as anchor', async () => {
      await checkTestStory(testStories.BUTTON_AS);
    });
  });
});