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

wix-style-react

'use strict';

var verifyItem = function () {
  var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(dataHook) {
    var element;
    return regeneratorRuntime.wrap(function _callee$(_context) {
      while (1) {
        switch (_context.prev = _context.next) {
          case 0:
            element = byDataHook(dataHook);
            _context.next = 3;
            return (0, _protractor.waitForVisibilityOf)(element, 'Cannot find ' + dataHook);

          case 3:
            _context.next = 5;
            return (0, _protractor.scrollToElement)(element);

          case 5:
            _context.next = 7;
            return _eyes2.default.checkWindow(dataHook);

          case 7:
          case 'end':
            return _context.stop();
        }
      }
    }, _callee, this);
  }));

  return function verifyItem(_x) {
    return _ref.apply(this, arguments);
  };
}();

var _eyes = require('eyes.it');

var _eyes2 = _interopRequireDefault(_eyes);

var _protractor = require('wix-ui-test-utils/protractor');

var _storybookHelpers = require('../../test/utils/storybook-helpers');

var _protractor2 = require('../../testkit/protractor');

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

function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }

var byDataHook = function byDataHook(dataHook) {
  return $('[data-hook="' + dataHook + '"]');
};

describe('GenericModalLayout', function () {
  describe('default', function () {
    _eyes2.default.it('should open generic modal layout in modal', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
      var storyUrl, button, driver;
      return regeneratorRuntime.wrap(function _callee2$(_context2) {
        while (1) {
          switch (_context2.prev = _context2.next) {
            case 0:
              storyUrl = (0, _storybookHelpers.createStoryUrl)({
                kind: 'Components',
                story: 'GenericModalLayout'
              });
              _context2.next = 3;
              return browser.get(storyUrl);

            case 3:
              button = (0, _protractor2.buttonTestkitFactory)({
                dataHook: 'open-default-generic-modal-layout-in-modal-button'
              });
              _context2.next = 6;
              return button.click();

            case 6:
              _context2.next = 8;
              return verifyItem('default-generic-modal-layout');

            case 8:
              driver = (0, _protractor2.genericModalLayoutTestkitFactory)({
                dataHook: 'default-generic-modal-layout'
              });
              _context2.t0 = expect;
              _context2.next = 12;
              return driver.isFullscreen();

            case 12:
              _context2.t1 = _context2.sent;
              (0, _context2.t0)(_context2.t1).toBeFalsy();

            case 14:
            case 'end':
              return _context2.stop();
          }
        }
      }, _callee2, undefined);
    })));
  });

  describe('fullscreen', function () {
    _eyes2.default.it('should open fullscreen generic modal layout in modal', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
      var storyUrl, button, driver;
      return regeneratorRuntime.wrap(function _callee3$(_context3) {
        while (1) {
          switch (_context3.prev = _context3.next) {
            case 0:
              storyUrl = (0, _storybookHelpers.createStoryUrl)({
                kind: 'Components',
                story: 'GenericModalLayout'
              });
              _context3.next = 3;
              return browser.get(storyUrl);

            case 3:
              button = (0, _protractor2.buttonTestkitFactory)({
                dataHook: 'open-fullscreen-generic-modal-layout-in-modal-button'
              });
              _context3.next = 6;
              return button.click();

            case 6:
              _context3.next = 8;
              return verifyItem('fullscreen-generic-modal-layout');

            case 8:
              driver = (0, _protractor2.genericModalLayoutTestkitFactory)({
                dataHook: 'fullscreen-generic-modal-layout'
              });
              _context3.t0 = expect;
              _context3.next = 12;
              return driver.isFullscreen();

            case 12:
              _context3.t1 = _context3.sent;
              (0, _context3.t0)(_context3.t1).toBeTruthy();

            case 14:
            case 'end':
              return _context3.stop();
          }
        }
      }, _callee3, undefined);
    })));
  });
});