wix-style-react
Version:
wix-style-react
309 lines (252 loc) • 10.6 kB
JavaScript
'use strict';
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
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, _protractor2.waitForVisibilityOf)(element, 'Cannot find ' + dataHook);
case 3:
_context.next = 5;
return (0, _protractor2.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('../../testkit/protractor');
var _protractor2 = require('wix-ui-test-utils/protractor');
var _storybookHelpers = require('../../test/utils/storybook-helpers');
var _storySettings = require('../../stories/MessageBox/storySettings');
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('MessageBox', function () {
describe('Alert', function () {
var standard = 'alert-standard';
var secondary = 'alert-secondary';
var footnote = 'alert-footnote';
var emptyState = 'alert-empty-state';
var scrollable = 'alert-scrollable';
var image = 'alert-image';
var actions = 'alert-actions';
var imageWithActions = 'alert-image-actions';
_eyes2.default.it('should not break design', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
return regeneratorRuntime.wrap(function _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
_context2.next = 2;
return browser.get((0, _storybookHelpers.createStoryUrl)(_extends({}, _storySettings.storySettings.alert)));
case 2:
_context2.next = 4;
return verifyItem(standard);
case 4:
_context2.next = 6;
return verifyItem(secondary);
case 6:
_context2.next = 8;
return verifyItem(footnote);
case 8:
_context2.next = 10;
return verifyItem(emptyState);
case 10:
_context2.next = 12;
return verifyItem(scrollable);
case 12:
_context2.next = 14;
return verifyItem(image);
case 14:
_context2.next = 16;
return verifyItem(actions);
case 16:
_context2.next = 18;
return verifyItem(imageWithActions);
case 18:
case 'end':
return _context2.stop();
}
}
}, _callee2, undefined);
})));
_eyes2.default.it('should not break design RTL', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
return regeneratorRuntime.wrap(function _callee3$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
_context3.next = 2;
return browser.get((0, _storybookHelpers.createStoryUrl)(_extends({}, _storySettings.storySettings.alert, { rtl: true })));
case 2:
_context3.next = 4;
return verifyItem(actions);
case 4:
case 'end':
return _context3.stop();
}
}
}, _callee3, undefined);
})));
_eyes2.default.it('should show footer border for scrollable modal and hide the border when scroll is on the bottom', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
var driver, SMALL_SCROLL_OFFSET, MAX_SCROLL_OFFSET;
return regeneratorRuntime.wrap(function _callee4$(_context4) {
while (1) {
switch (_context4.prev = _context4.next) {
case 0:
_context4.next = 2;
return browser.get((0, _storybookHelpers.createStoryUrl)(_extends({}, _storySettings.storySettings.alert)));
case 2:
_context4.next = 4;
return verifyItem(scrollable);
case 4:
driver = (0, _protractor.messageBoxFunctionalLayoutTestkitFactory)({
dataHook: scrollable
});
SMALL_SCROLL_OFFSET = 50;
MAX_SCROLL_OFFSET = 500;
_context4.t0 = expect;
_context4.next = 10;
return driver.toHaveFooterBorder();
case 10:
_context4.t1 = _context4.sent;
(0, _context4.t0)(_context4.t1).toBe(true);
_context4.next = 14;
return driver.scrollBodyDown(SMALL_SCROLL_OFFSET);
case 14:
_context4.t2 = expect;
_context4.next = 17;
return driver.toHaveFooterBorder();
case 17:
_context4.t3 = _context4.sent;
(0, _context4.t2)(_context4.t3).toBe(true);
_context4.next = 21;
return driver.scrollBodyDown(MAX_SCROLL_OFFSET);
case 21:
_context4.t4 = expect;
_context4.next = 24;
return driver.toHaveFooterBorder();
case 24:
_context4.t5 = _context4.sent;
(0, _context4.t4)(_context4.t5).toBe(false);
case 26:
case 'end':
return _context4.stop();
}
}
}, _callee4, undefined);
})));
});
describe('Destructive Alert', function () {
var standard = 'destructive-alert-standard';
var secondary = 'destructive-alert-secondary';
_eyes2.default.it('should not break design', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
return regeneratorRuntime.wrap(function _callee5$(_context5) {
while (1) {
switch (_context5.prev = _context5.next) {
case 0:
_context5.next = 2;
return browser.get((0, _storybookHelpers.createStoryUrl)(_extends({}, _storySettings.storySettings.destructive)));
case 2:
_context5.next = 4;
return verifyItem(standard);
case 4:
_context5.next = 6;
return verifyItem(secondary);
case 6:
case 'end':
return _context5.stop();
}
}
}, _callee5, undefined);
})));
});
describe('Custom Modal', function () {
_eyes2.default.it('should open full screen modal', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
var button;
return regeneratorRuntime.wrap(function _callee6$(_context6) {
while (1) {
switch (_context6.prev = _context6.next) {
case 0:
_context6.next = 2;
return browser.get((0, _storybookHelpers.createStoryUrl)(_extends({}, _storySettings.storySettings.custom)));
case 2:
button = (0, _protractor.buttonTestkitFactory)({
dataHook: 'open-full-screen-modal-button'
});
button.click();
_context6.next = 6;
return verifyItem('fullscreen-modal');
case 6:
case 'end':
return _context6.stop();
}
}
}, _callee6, undefined);
})));
});
describe('Announcement', function () {
var standard = 'announcement-standard';
var primaryTheme = 'announcement-primary-theme';
var footnote = 'announcement-footnote';
var disabledAction = 'announctement-disabled-action';
_eyes2.default.it('should not break design', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee7() {
return regeneratorRuntime.wrap(function _callee7$(_context7) {
while (1) {
switch (_context7.prev = _context7.next) {
case 0:
_context7.next = 2;
return browser.get((0, _storybookHelpers.createStoryUrl)(_extends({}, _storySettings.storySettings.announcement)));
case 2:
_context7.next = 4;
return verifyItem(standard);
case 4:
_context7.next = 6;
return verifyItem(primaryTheme);
case 6:
_context7.next = 8;
return verifyItem(footnote);
case 8:
_context7.next = 10;
return verifyItem(disabledAction);
case 10:
case 'end':
return _context7.stop();
}
}
}, _callee7, undefined);
})));
_eyes2.default.it('should not break design RTL', _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee8() {
return regeneratorRuntime.wrap(function _callee8$(_context8) {
while (1) {
switch (_context8.prev = _context8.next) {
case 0:
_context8.next = 2;
return browser.get((0, _storybookHelpers.createStoryUrl)(_extends({}, _storySettings.storySettings.announcement, { rtl: true })));
case 2:
_context8.next = 4;
return verifyItem(standard);
case 4:
case 'end':
return _context8.stop();
}
}
}, _callee8, undefined);
})));
});
});