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

wix-style-react

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _utils = require("../../test/utils");

var _testkit = require("wix-ui-core/dist/src/testkit");

var getTextElement = function getTextElement(element) {
  return element.querySelector("[data-hook=\"loader-text\"]");
};

var loaderDriverFactory = function loaderDriverFactory(_ref) {
  var element = _ref.element;
  var tooltipTestkit = (0, _testkit.tooltipTestkitFactory)({
    wrapper: element,
    dataHook: "loader-tooltip"
  });
  return {
    component: function component() {
      return element;
    },
    exists: function exists() {
      return !!element;
    },

    /** returns the loader color ('blue' or 'white') */
    getColor: function getColor() {
      return element.getAttribute('data-color');
    },

    /** returns the element text */
    getText: function getText() {
      return getTextElement(element).textContent;
    },

    /** true if the element has text */
    hasText: function hasText() {
      return !!getTextElement(element);
    },

    /** true when using the large loader */
    isLarge: function isLarge() {
      return element.getAttribute('data-size') === 'large';
    },

    /** true when using the medium loader */
    isMedium: function isMedium() {
      return element.getAttribute('data-size') === 'medium';
    },

    /** true when using the small loader */
    isSmall: function isSmall() {
      return element.getAttribute('data-size') === 'small';
    },

    /** true when using the tiny loader */
    isTiny: function isTiny() {
      return element.getAttribute('data-size') === 'tiny';
    },

    /** true when loader is in loading status */
    isLoading: function isLoading() {
      return element.getAttribute('data-status') === 'loading';
    },

    /** true when loader is in error status */
    isError: function isError() {
      return element.getAttribute('data-status') === 'error';
    },

    /** true when loader is in success status */
    isSuccess: function isSuccess() {
      return element.getAttribute('data-status') === 'success';
    },

    /** trigger the tooltip and returns the value of the tooltip message (async function) */
    getStatusMessage: function getStatusMessage() {
      tooltipTestkit.mouseEnter();
      return tooltipTestkit.getContentElement().textContent;
    }
  };
};

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