wix-style-react/dist/src/Accordion/Accordion.uni.driver.js

wix-style-react

"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 _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _unidriver = require("../../test/utils/unidriver");

var _constants = require("./constants");

var _reactHelpers = require("wix-ui-test-utils/react-helpers");

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 ANIMATION_TIME = 350;

var accordionDriverFactory = function accordionDriverFactory(base, body) {
  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
    /**
     * Gets the title by item index
     * @param {number} idx Item index
     * @returns {Promise<string>} Title at item index
     */
    getItemTitleAt: function getItemTitleAt(idx) {
      return (0, _unidriver.findByHookAtIndex)(base, _constants.dataHooks.item, idx).$('[data-hook="title"]').text();
    },

    /**
     * Gets the subtitle by item index
     * @param {number} idx Item index
     * @returns {Promise<string>} Subtitle at item index
     */
    getItemSubtitleAt: function getItemSubtitleAt(idx) {
      return (0, _unidriver.findByHookAtIndex)(base, _constants.dataHooks.item, idx).$('[data-hook="accordion-item-subtitle"]').text();
    },

    /**
     * Checks whether an icon exist at item index
     * @param {number} idx Item index
     * @returns {Promise<boolean>}
     */
    isIconExistsAt: function isIconExistsAt(idx) {
      return (0, _unidriver.findByHookAtIndex)(base, _constants.dataHooks.item, idx).$('[data-hook="icon"]').exists();
    },

    /**
     * Checks whether an item is expanded at index
     * @param {number} idx Item index
     * @returns {Promise<boolean>}
     */
    isItemExpandedAt: function isItemExpandedAt(idx) {
      return (0, _unidriver.findByHookAtIndex)(base, _constants.dataHooks.item, idx).$('[data-hook="children"]').exists();
    },

    /**
     * Clicks toggle button at item index
     * @param {number} idx Item index
     * @returns {Promise<void>}
     */
    clickToggleButtonAt: function () {
      var _clickToggleButtonAt = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(idx) {
        return _regenerator["default"].wrap(function _callee$(_context) {
          while (1) {
            switch (_context.prev = _context.next) {
              case 0:
                _context.next = 2;
                return (0, _unidriver.findByHookAtIndex)(base, _constants.dataHooks.item, idx).$('[data-hook="toggle-accordion-wrapper"]').click();

              case 2:
                _context.next = 4;
                return (0, _reactHelpers.sleep)(ANIMATION_TIME);

              case 4:
                return _context.abrupt("return", _context.sent);

              case 5:
              case "end":
                return _context.stop();
            }
          }
        }, _callee);
      }));

      function clickToggleButtonAt(_x) {
        return _clickToggleButtonAt.apply(this, arguments);
      }

      return clickToggleButtonAt;
    }(),

    /**
     * Clicks item at index
     * @param {number} idx Item index
     * @returns {Promise<void, number>}
     */
    clickItemAt: function () {
      var _clickItemAt = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(idx) {
        return _regenerator["default"].wrap(function _callee2$(_context2) {
          while (1) {
            switch (_context2.prev = _context2.next) {
              case 0:
                _context2.next = 2;
                return (0, _unidriver.findByHookAtIndex)(base, _constants.dataHooks.item, idx).$('[data-hook="header"]').click();

              case 2:
                _context2.next = 4;
                return (0, _reactHelpers.sleep)(ANIMATION_TIME);

              case 4:
                return _context2.abrupt("return", _context2.sent);

              case 5:
              case "end":
                return _context2.stop();
            }
          }
        }, _callee2);
      }));

      function clickItemAt(_x2) {
        return _clickItemAt.apply(this, arguments);
      }

      return clickItemAt;
    }(),

    /**
     * Gets toggle button label at item index
     * @param {number} idx Item index
     * @returns {Promise<string>}
     */
    getToggleButtonLabelAt: function getToggleButtonLabelAt(idx) {
      return (0, _unidriver.findByHookAtIndex)(base, _constants.dataHooks.item, idx).$("[data-hook=\"toggle-accordion-wrapper\"] [data-hook=\"".concat(_constants.dataHooks.toggleButton, "\"]")).text();
    },

    /**
     * Gets transition speed
     * @returns {Promise<string>}
     */
    getTransitionSpeed: function getTransitionSpeed() {
      return base.attr('data-transition-speed');
    },

    /**
     * Returns skin
     * @returns {Promise<’light’ | ‘standard’ | ‘neutral’>}
     */
    getSkin: function getSkin() {
      return base.attr('data-skin');
    },

    /**
     * Returns size of horizontal padding
     * @returns {Promise<‘tiny’ | ‘small’ | ‘medium’ | ‘large’>}
     */
    getHorizontalPadding: function getHorizontalPadding() {
      return base.attr('data-horizontal-padding');
    }
  });
};

var _default = accordionDriverFactory;
exports["default"] = _default;