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

wix-style-react

import _defineProperty from "@babel/runtime/helpers/defineProperty";

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) { _defineProperty(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; }

import inputDriverFactory from '../Input/Input.driver';
import dropdownLayoutDriverFactory from '../DropdownLayout/DropdownLayout.driver';
import popoverDriverFactory from '../Popover/Popover.driver';

var inputWithOptionsDriverFactory = function inputWithOptionsDriverFactory(_ref) {
  var element = _ref.element,
      eventTrigger = _ref.eventTrigger;
  var dropdownLayoutSelector = "[data-hook=\"dropdown-layout-wrapper\"]";
  var inputWrapperSelector = '[data-input-parent]';

  var popoverTestkit = function popoverTestkit() {
    return popoverDriverFactory({
      element: element
    });
  };

  var _inputWrapper = function inputWrapper() {
    return element && element.querySelector("".concat(inputWrapperSelector, " > *:first-child "));
  };

  var dropdownLayoutWrapper = function dropdownLayoutWrapper() {
    return popoverTestkit().getContentElement().querySelector(dropdownLayoutSelector).childNodes[0];
  };

  var inputDriver = inputDriverFactory({
    element: _inputWrapper(),
    wrapper: _inputWrapper(),
    eventTrigger: eventTrigger
  });

  var dropdownLayoutTestkit = function dropdownLayoutTestkit() {
    return dropdownLayoutDriverFactory({
      element: dropdownLayoutWrapper()
    });
  };

  var driver = {
    exists: function exists() {
      return !!element;
    },

    /** Select an option by id. (If dropdown options is not opened yet, this will open it and click on the option) */
    selectOptionById: function selectOptionById(id) {
      inputDriver.focus();
      inputDriver.keyDown('ArrowDown');
      dropdownLayoutTestkit().optionById(id).click();
    },
    isReadOnly: function isReadOnly() {
      return inputDriver.getReadOnly() && _inputWrapper().className.includes('readonly');
    },
    isEditable: function isEditable() {
      return !inputDriver.getReadOnly() && !inputDriver.getDisabled();
    },
    isDisabled: function isDisabled() {
      return !!inputDriver.getDisabled();
    },
    inputWrapper: function inputWrapper() {
      return _inputWrapper();
    },
    focus: function focus() {
      return inputDriver.focus();
    },
    blur: function blur() {
      return dropdownLayoutTestkit().mouseClickOutside();
    },
    pressKey: function pressKey(key) {
      return inputDriver.keyDown(key);
    },
    isMenuOpen: function isMenuOpen() {
      return popoverTestkit().isContentElementExists();
    },
    outsideClick: function outsideClick() {
      return popoverTestkit().clickOutside();
    }
  };
  var dropdownLayoutDummy = dropdownLayoutDriverFactory({
    element: document.body
  });
  return {
    exists: function exists() {
      return driver.exists();
    },
    driver: driver,
    inputDriver: inputDriver,
    dropdownLayoutDriver: Object.keys(dropdownLayoutDummy).reduce(function (prev, current) {
      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, current, function (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);
      }));
    }, {})
  };
};

export default inputWithOptionsDriverFactory;