wix-style-react/dist/es/src/GenericModalLayout/GenericModalLayout.spec.js

wix-style-react

import { mount } from 'enzyme';
import React from 'react';
import { createDriverFactory } from 'wix-ui-test-utils/driver-factory';

import { isEnzymeTestkitExists, isTestkitExists } from '../../test/utils/testkit-sanity';
import { genericModalLayoutTestkitFactory } from '../../testkit';
import { genericModalLayoutTestkitFactory as enzymeGenericModalLayoutTestkitFactory } from '../../testkit/enzyme';

import GenericModalLayout from '.';
import genericModalLayoutPrivateDriverFactory from './GenericModalLayout.driver.private';

var renderWithProps = function renderWithProps() {
  var properties = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
  return React.createElement(GenericModalLayout, properties);
};

describe('GenericModalLayout', function () {
  var createPrivateDriver = createDriverFactory(genericModalLayoutPrivateDriverFactory);

  it('should render', function () {
    var driver = createPrivateDriver(renderWithProps());
    expect(driver.exists()).toBeTruthy();
  });

  it('should render header', function () {
    var driver = createPrivateDriver(renderWithProps({
      header: React.createElement(
        'div',
        { 'data-hook': 'generic-modal-layout-header' },
        'Header'
      )
    }));

    expect(driver.getHeaderTextContent()).toEqual('Header');
  });

  it('should render content', function () {
    var driver = createPrivateDriver(renderWithProps({
      content: React.createElement(
        'div',
        { 'data-hook': 'generic-modal-layout-content' },
        'Content'
      )
    }));

    expect(driver.getContentTextContent()).toEqual('Content');
  });

  it('should render footer', function () {
    var driver = createPrivateDriver(renderWithProps({
      footer: React.createElement(
        'div',
        { 'data-hook': 'generic-modal-layout-footer' },
        'Footer'
      )
    }));

    expect(driver.getFooterTextContent()).toEqual('Footer');
  });

  describe('fullscreen', function () {
    it('should render not fullscreen as default', function () {
      var driver = createPrivateDriver(renderWithProps());

      expect(driver.isFullscreen()).toBeFalsy();
    });

    it('should render fullscreen layout', function () {
      var driver = createPrivateDriver(renderWithProps({
        fullscreen: true
      }));

      expect(driver.isFullscreen()).toBeTruthy();
    });

    it('should render not fullscreen layout', function () {
      var driver = createPrivateDriver(renderWithProps({
        fullscreen: false
      }));

      expect(driver.isFullscreen()).toBeFalsy();
    });
  });

  describe('testkit', function () {
    it('should exist', function () {
      expect(isTestkitExists(React.createElement(GenericModalLayout, null), genericModalLayoutTestkitFactory)).toBe(true);
    });
  });

  describe('enzyme testkit', function () {
    it('should exist', function () {
      expect(isEnzymeTestkitExists(React.createElement(GenericModalLayout, null), enzymeGenericModalLayoutTestkitFactory, mount)).toBe(true);
    });
  });
});