UNPKG

wix-style-react

Version:
590 lines (485 loc) • 17.9 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = void 0; var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator")); var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")); var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator")); var _unidriver = require("../../test/utils/unidriver"); var _MediaOverlayUni = require("../MediaOverlay/MediaOverlay.uni.driver"); var _constants = require("./constants"); function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } var byHook = function byHook(base, dataHook) { return base.$("[data-hook=\"".concat(dataHook, "\"]")); }; var _getTitle = function getTitle(base) { return byHook(base, _constants.DataHook.Title); }; var _getBadge = function getBadge(base) { return byHook(base, _constants.DataHook.Badge); }; var _getSettingsMenu = function getSettingsMenu(base) { return byHook(base, _constants.DataHook.SettingsMenu); }; var _getSubtitle = function getSubtitle(base) { return byHook(base, _constants.DataHook.Subtitle); }; var getContainer = function getContainer(base) { return byHook(base, _constants.DataHook.Container); }; var getOverlayDriver = function getOverlayDriver(base) { var hoverComponent = byHook(base, _constants.DataHook.HoverComponent); return (0, _MediaOverlayUni.mediaOverlayDriverFactory)(hoverComponent); }; var _hover = /*#__PURE__*/function () { var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(base) { return _regenerator["default"].wrap(function _callee$(_context) { while (1) { switch (_context.prev = _context.next) { case 0: return _context.abrupt("return", getContainer(base).hover()); case 1: case "end": return _context.stop(); } } }, _callee); })); return function hover(_x) { return _ref.apply(this, arguments); }; }(); var getPrimaryAction = /*#__PURE__*/function () { var _ref2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(base) { return _regenerator["default"].wrap(function _callee2$(_context2) { while (1) { switch (_context2.prev = _context2.next) { case 0: _context2.next = 2; return _hover(base); case 2: return _context2.abrupt("return", byHook(base, _constants.DataHook.PrimaryAction)); case 3: case "end": return _context2.stop(); } } }, _callee2); })); return function getPrimaryAction(_x2) { return _ref2.apply(this, arguments); }; }(); var getSecondaryAction = /*#__PURE__*/function () { var _ref3 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(base) { return _regenerator["default"].wrap(function _callee3$(_context3) { while (1) { switch (_context3.prev = _context3.next) { case 0: _context3.next = 2; return _hover(base); case 2: return _context3.abrupt("return", byHook(base, _constants.DataHook.SecondaryAction)); case 3: case "end": return _context3.stop(); } } }, _callee3); })); return function getSecondaryAction(_x3) { return _ref3.apply(this, arguments); }; }(); var cardGalleryItemDriverFactory = function cardGalleryItemDriverFactory(base) { return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, { /** * Gets the cards title. * @returns {Promise<string | null>} */ getTitle: function () { var _getTitle2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() { var title; return _regenerator["default"].wrap(function _callee4$(_context4) { while (1) { switch (_context4.prev = _context4.next) { case 0: title = _getTitle(base); _context4.next = 3; return title.exists(); case 3: if (!_context4.sent) { _context4.next = 7; break; } _context4.t0 = title.text(); _context4.next = 8; break; case 7: _context4.t0 = null; case 8: return _context4.abrupt("return", _context4.t0); case 9: case "end": return _context4.stop(); } } }, _callee4); })); function getTitle() { return _getTitle2.apply(this, arguments); } return getTitle; }(), /** * Gets the badge node element. * @returns {Promise<any>} */ getBadge: function () { var _getBadge2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5() { var badge; return _regenerator["default"].wrap(function _callee5$(_context5) { while (1) { switch (_context5.prev = _context5.next) { case 0: badge = _getBadge(base); _context5.next = 3; return badge.exists(); case 3: if (!_context5.sent) { _context5.next = 7; break; } _context5.t0 = badge._prop('firstChild'); _context5.next = 8; break; case 7: _context5.t0 = null; case 8: return _context5.abrupt("return", _context5.t0); case 9: case "end": return _context5.stop(); } } }, _callee5); })); function getBadge() { return _getBadge2.apply(this, arguments); } return getBadge; }(), /** * Gets the cards subtitle. * @returns {Promise<string | null>} */ getSubtitle: function () { var _getSubtitle2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee6() { var subtitle; return _regenerator["default"].wrap(function _callee6$(_context6) { while (1) { switch (_context6.prev = _context6.next) { case 0: subtitle = _getSubtitle(base); _context6.next = 3; return subtitle.exists(); case 3: if (!_context6.sent) { _context6.next = 7; break; } _context6.t0 = subtitle.text(); _context6.next = 8; break; case 7: _context6.t0 = null; case 8: return _context6.abrupt("return", _context6.t0); case 9: case "end": return _context6.stop(); } } }, _callee6); })); function getSubtitle() { return _getSubtitle2.apply(this, arguments); } return getSubtitle; }(), /** * Gets the background image URL. * @returns {Promise<string | null>} */ getBackgroundImageUrl: function () { var _getBackgroundImageUrl = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee7() { return _regenerator["default"].wrap(function _callee7$(_context7) { while (1) { switch (_context7.prev = _context7.next) { case 0: _context7.next = 2; return getOverlayDriver(base).getMediaUrl(); case 2: return _context7.abrupt("return", _context7.sent); case 3: case "end": return _context7.stop(); } } }, _callee7); })); function getBackgroundImageUrl() { return _getBackgroundImageUrl.apply(this, arguments); } return getBackgroundImageUrl; }(), /** * Clicks on the primary action. * @returns {Promise<void>} */ click: function () { var _click = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee8() { return _regenerator["default"].wrap(function _callee8$(_context8) { while (1) { switch (_context8.prev = _context8.next) { case 0: _context8.next = 2; return getPrimaryAction(base); case 2: return _context8.abrupt("return", _context8.sent.click()); case 3: case "end": return _context8.stop(); } } }, _callee8); })); function click() { return _click.apply(this, arguments); } return click; }(), /** * Gets the primary action label. * @returns {Promise<string>} */ getPrimaryActionLabel: function () { var _getPrimaryActionLabel = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee9() { return _regenerator["default"].wrap(function _callee9$(_context9) { while (1) { switch (_context9.prev = _context9.next) { case 0: _context9.next = 2; return getPrimaryAction(base); case 2: return _context9.abrupt("return", _context9.sent.text()); case 3: case "end": return _context9.stop(); } } }, _callee9); })); function getPrimaryActionLabel() { return _getPrimaryActionLabel.apply(this, arguments); } return getPrimaryActionLabel; }(), /** * Checks whether the primary action is clickable. * @returns {Promise<boolean>} */ isPrimaryActionDisabled: function () { var _isPrimaryActionDisabled = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee10() { return _regenerator["default"].wrap(function _callee10$(_context10) { while (1) { switch (_context10.prev = _context10.next) { case 0: _context10.next = 2; return getPrimaryAction(base); case 2: return _context10.abrupt("return", _context10.sent._prop('disabled')); case 3: case "end": return _context10.stop(); } } }, _callee10); })); function isPrimaryActionDisabled() { return _isPrimaryActionDisabled.apply(this, arguments); } return isPrimaryActionDisabled; }(), /** * Clicks on the primary action button. * @returns {Promise<void>} */ clickOnPrimaryAction: function () { var _clickOnPrimaryAction = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee11() { return _regenerator["default"].wrap(function _callee11$(_context11) { while (1) { switch (_context11.prev = _context11.next) { case 0: _context11.next = 2; return getPrimaryAction(base); case 2: return _context11.abrupt("return", _context11.sent.click()); case 3: case "end": return _context11.stop(); } } }, _callee11); })); function clickOnPrimaryAction() { return _clickOnPrimaryAction.apply(this, arguments); } return clickOnPrimaryAction; }(), /** * Gets the secondary action label. * @returns {Promise<string>} */ getSecondaryActionLabel: function () { var _getSecondaryActionLabel = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee12() { return _regenerator["default"].wrap(function _callee12$(_context12) { while (1) { switch (_context12.prev = _context12.next) { case 0: _context12.next = 2; return getSecondaryAction(base); case 2: return _context12.abrupt("return", _context12.sent.text()); case 3: case "end": return _context12.stop(); } } }, _callee12); })); function getSecondaryActionLabel() { return _getSecondaryActionLabel.apply(this, arguments); } return getSecondaryActionLabel; }(), /** * Clicks on the secondary action. * @returns {Promise<void>} */ clickOnSecondaryAction: function () { var _clickOnSecondaryAction = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee13() { return _regenerator["default"].wrap(function _callee13$(_context13) { while (1) { switch (_context13.prev = _context13.next) { case 0: _context13.next = 2; return getSecondaryAction(base); case 2: return _context13.abrupt("return", _context13.sent.click()); case 3: case "end": return _context13.stop(); } } }, _callee13); })); function clickOnSecondaryAction() { return _clickOnSecondaryAction.apply(this, arguments); } return clickOnSecondaryAction; }(), /** * Gets the the settingsMenu node. * @returns {Promise<node>} */ getSettingsMenu: function () { var _getSettingsMenu2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee14() { var settingsMenu; return _regenerator["default"].wrap(function _callee14$(_context14) { while (1) { switch (_context14.prev = _context14.next) { case 0: _context14.next = 2; return _hover(base); case 2: settingsMenu = _getSettingsMenu(base); _context14.next = 5; return settingsMenu.exists(); case 5: if (!_context14.sent) { _context14.next = 9; break; } _context14.t0 = settingsMenu._prop('firstChild'); _context14.next = 10; break; case 9: _context14.t0 = null; case 10: return _context14.abrupt("return", _context14.t0); case 11: case "end": return _context14.stop(); } } }, _callee14); })); function getSettingsMenu() { return _getSettingsMenu2.apply(this, arguments); } return getSettingsMenu; }(), /** * Gets the background image element. * @returns {Promise<any>} */ getBackgroundImageNode: function () { var _getBackgroundImageNode = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee15() { return _regenerator["default"].wrap(function _callee15$(_context15) { while (1) { switch (_context15.prev = _context15.next) { case 0: return _context15.abrupt("return", getOverlayDriver(base).getMediaNode()); case 1: case "end": return _context15.stop(); } } }, _callee15); })); function getBackgroundImageNode() { return _getBackgroundImageNode.apply(this, arguments); } return getBackgroundImageNode; }(), /** * Hovers the component. * @returns {Promise<void>} */ hover: function () { var _hover2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee16() { return _regenerator["default"].wrap(function _callee16$(_context16) { while (1) { switch (_context16.prev = _context16.next) { case 0: return _context16.abrupt("return", _hover(base)); case 1: case "end": return _context16.stop(); } } }, _callee16); })); function hover() { return _hover2.apply(this, arguments); } return hover; }() }); }; var _default = cardGalleryItemDriverFactory; exports["default"] = _default;