wix-style-react/dist/src/InputWithOptions/InputWithOptions.driver.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _Input = _interopRequireDefault(require("../Input/Input.driver"));
var _DropdownLayout = _interopRequireDefault(require("../DropdownLayout/DropdownLayout.driver"));
var _Popover = require("../Popover/Popover.driver");
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var inputWithOptionsDriverFactory = _ref => {
  var {
    element: _element,
    eventTrigger
  } = _ref;
  var dropdownLayoutSelector = "[data-hook=\"dropdown-layout-wrapper\"]";
  var inputWrapperSelector = '[data-input-parent]';
  var popoverTestkit = () => (0, _Popover.popoverLegacyDriverFactory)({
    element: _element
  });
  var _inputWrapper = () => _element && _element.querySelector("".concat(inputWrapperSelector, " > *:first-child "));
  var dropdownLayoutWrapper = () => popoverTestkit().getContentElement().querySelector(dropdownLayoutSelector).childNodes[0];
  var inputDriver = (0, _Input.default)({
    element: _inputWrapper(),
    wrapper: _inputWrapper(),
    eventTrigger
  });
  var dropdownLayoutTestkit = () => (0, _DropdownLayout.default)({
    element: dropdownLayoutWrapper()
  });
  var driver = {
    exists: () => !!_element,
    element: () => _element,
    /** Select an option by id. (If dropdown options is not opened yet, this will open it and click on the option) */
    selectOptionById: id => {
      inputDriver.focus();
      inputDriver.keyDown('ArrowDown');
      dropdownLayoutTestkit().optionById(id).click();
    },
    isReadOnly: () => inputDriver.getReadOnly() && _inputWrapper().className.includes('readOnly'),
    isEditable: () => !inputDriver.getReadOnly() && !inputDriver.getDisabled(),
    isDisabled: () => !!inputDriver.getDisabled(),
    inputWrapper: () => _inputWrapper(),
    focus: () => inputDriver.focus(),
    blur: () => dropdownLayoutTestkit().mouseClickOutside(),
    pressKey: key => inputDriver.keyDown(key),
    isMenuOpen: () => popoverTestkit().isContentElementExists(),
    outsideClick: () => popoverTestkit().clickOutside()
  };
  var dropdownLayoutDummy = (0, _DropdownLayout.default)({
    element: document.body
  });
  return {
    exists: () => driver.exists(),
    driver,
    inputDriver,
    dropdownLayoutDriver: Object.keys(dropdownLayoutDummy).reduce((prev, current) => {
      return _objectSpread(_objectSpread({}, prev), {}, {
        [current]: args => {
          if (current === 'isShown' || current === 'exists') {
            return popoverTestkit().isContentElementExists();
          }
          if (current === 'getDropdown' || current === 'getDropdownItem') {
            return popoverTestkit().isContentElementExists() ? dropdownLayoutTestkit()[current](args) : undefined;
          }
          !popoverTestkit().isContentElementExists() && inputDriver.keyDown('ArrowDown');
          return dropdownLayoutTestkit()[current](args);
        }
      });
    }, {})
  };
};
var _default = exports.default = inputWithOptionsDriverFactory;
//# sourceMappingURL=InputWithOptions.driver.js.map