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

wix-style-react

import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
import _regeneratorRuntime from "@babel/runtime/regenerator";
// TODO - add tooltip classic driver in the correct place
import { tooltipDriverFactory } from "wix-ui-core/dist/es/src/components/tooltip/Tooltip.driver";
import textDriverFactory from '../Text/Text.driver';
import { dataHooks } from './constants';
import * as DATA_ATTR from './DataAttr';

var checkboxDriverFactory = function checkboxDriverFactory(_ref) {
  var element = _ref.element,
      eventTrigger = _ref.eventTrigger;

  var byHook = function byHook(hook) {
    return element.querySelector("[data-hook*=\"".concat(hook, "\"]"));
  };

  var input = function input() {
    return element.querySelector('input');
  };

  var checkbox = function checkbox() {
    return element.querySelector(dataHooks.box);
  };

  var isChecked = function isChecked() {
    return input().checked;
  };

  var labelText = function labelText() {
    return element.querySelector("[data-hook=\"".concat(dataHooks.children, "\"]"));
  };

  var labelTextDriver = function labelTextDriver() {
    return textDriverFactory({
      element: labelText()
    });
  };

  var tooltipDriver = function tooltipDriver() {
    return tooltipDriverFactory({
      element: byHook(dataHooks.boxTooltip),
      eventTrigger: eventTrigger
    });
  };

  var getTooltipText = /*#__PURE__*/function () {
    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
      var tooltipTestkit, contentElement;
      return _regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              tooltipTestkit = tooltipDriver();
              _context.prev = 1;
              tooltipTestkit.mouseEnter();
              contentElement = tooltipTestkit.getContentElement();
              tooltipTestkit.mouseLeave();
              _context.next = 7;
              return contentElement.textContent;

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

            case 10:
              _context.prev = 10;
              _context.t0 = _context["catch"](1);
              throw new Error('Failed getting checkbox error message');

            case 13:
            case "end":
              return _context.stop();
          }
        }
      }, _callee, null, [[1, 10]]);
    }));

    return function getTooltipText() {
      return _ref2.apply(this, arguments);
    };
  }();

  var isTooltipEnabled = /*#__PURE__*/function () {
    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
      var tooltipTestkit, contentElement;
      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
        while (1) {
          switch (_context2.prev = _context2.next) {
            case 0:
              tooltipTestkit = tooltipDriver();
              tooltipTestkit.mouseEnter();
              contentElement = tooltipTestkit.getContentElement();
              return _context2.abrupt("return", !!contentElement && !!contentElement.textContent);

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

    return function isTooltipEnabled() {
      return _ref3.apply(this, arguments);
    };
  }();

  return {
    exists: function exists() {
      return !!element;
    },
    click: function click() {
      return eventTrigger.change(input(), {
        target: {
          checked: !isChecked()
        }
      });
    },

    /** trigger focus on the element */
    focus: function focus() {
      return eventTrigger.focus(checkbox());
    },

    /** Checks whether the checkbox is focused */
    isFocused: function isFocused() {
      return element === document.activeElement;
    },

    /** trigger blur on the element */
    blur: function blur() {
      return eventTrigger.blur(checkbox());
    },
    isChecked: isChecked,
    isDisabled: function isDisabled() {
      return element.getAttribute(DATA_ATTR.DATA_DISABLED) === 'true';
    },
    isIndeterminate: function isIndeterminate() {
      return element.getAttribute(DATA_ATTR.DATA_CHECK_TYPE) === DATA_ATTR.CHECK_TYPES.INDETERMINATE;
    },
    isTooltipEnabled: isTooltipEnabled,
    hasError: function hasError() {
      return element.getAttribute(DATA_ATTR.DATA_HAS_ERROR) === 'true';
    },
    getErrorMessage: getTooltipText,
    getTooltipContent: getTooltipText,
    getLabel: function getLabel() {
      return labelTextDriver().getText();
    },
    getLabelSize: function getLabelSize() {
      return labelTextDriver().getSize();
    }
  };
};

export default checkboxDriverFactory;