wix-style-react/dist/es/src/TPA/Button/Button.e2e.js

wix-style-react

import eyes from 'eyes.it';
import { tpaButtonTestkitFactory } from '../../../testkit/protractor';
import { waitForVisibilityOf } from 'wix-ui-test-utils/protractor';
import { getStoryUrl } from '../../../test/utils/storybook-helpers';

describe('TPA Button', function () {
  var storyUrl = getStoryUrl('TPA', 'Button');
  var beforeClickState = 'Click Me!';
  var clickedState = 'Clicked!';

  beforeEach(function () {
    browser.get(storyUrl);
  });

  eyes.it('should click a button', function () {
    var dataHook = 'story-button-enabled';
    var driver = tpaButtonTestkitFactory({ dataHook: dataHook });

    waitForVisibilityOf(driver.element(), 'Cannot find Button').then(function () {
      expect(driver.getButtonTextContent()).toBe(beforeClickState);
      driver.click();
      expect(driver.getButtonTextContent()).toBe(clickedState);
    });
  });

  eyes.it('should render disabled, suffixIcon, prefixIcon buttons correctly', function () {
    var dataHookDisabled = 'story-button-disabled';
    var driverDisabled = tpaButtonTestkitFactory({
      dataHook: dataHookDisabled
    });

    waitForVisibilityOf([driverDisabled.element()], 'Cannot find Button').then(function () {
      expect(driverDisabled.isButtonDisabled()).toBe(true);
    });
  });
});