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

wix-style-react

'use strict';

var _enzyme = require('enzyme');

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _driverFactory = require('wix-ui-test-utils/driver-factory');

var _testkitSanity = require('../../test/utils/testkit-sanity');

var _testkit = require('../../testkit');

var _enzyme2 = require('../../testkit/enzyme');

var _ = require('.');

var _2 = _interopRequireDefault(_);

var _GenericModalLayoutDriver = require('./GenericModalLayout.driver.private');

var _GenericModalLayoutDriver2 = _interopRequireDefault(_GenericModalLayoutDriver);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

describe('GenericModalLayout', function () {
  var createPrivateDriver = (0, _driverFactory.createDriverFactory)(_GenericModalLayoutDriver2.default);

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

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

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

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

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

  it('should render footer', function () {
    var driver = createPrivateDriver(renderWithProps({
      footer: _react2.default.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((0, _testkitSanity.isTestkitExists)(_react2.default.createElement(_2.default, null), _testkit.genericModalLayoutTestkitFactory)).toBe(true);
    });
  });

  describe('enzyme testkit', function () {
    it('should exist', function () {
      expect((0, _testkitSanity.isEnzymeTestkitExists)(_react2.default.createElement(_2.default, null), _enzyme2.genericModalLayoutTestkitFactory, _enzyme.mount)).toBe(true);
    });
  });
});