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

wix-style-react

import ReactTestUtils from 'react-dom/test-utils';
import { testkitFactoryCreator } from 'wix-ui-test-utils/vanilla';
import loaderDriverFactory from '../Loader/Loader.driver';
import selectorDriverFactory from '../Selector/Selector.driver';
import searchDriverFactory from '../Search/Search.driver';
import textDriverFactory from '../Text/Text.driver';
import { dataHooks } from '../SelectorList/SelectorList.helpers';
import checkboxDriverFactory from '../Checkbox/Checkbox.driver';
import buttonDriverFactory from '../Button/Button.legacy.driver';
var textTestkitFactory = testkitFactoryCreator(textDriverFactory);
var loaderTestkitFactory = testkitFactoryCreator(loaderDriverFactory);
var buttonTestkitFactory = testkitFactoryCreator(buttonDriverFactory);
var searchTestkitFactory = testkitFactoryCreator(searchDriverFactory);
var checkboxTestkitFactory = testkitFactoryCreator(checkboxDriverFactory);

var modalSelectorLayoutDriverFactory = function modalSelectorLayoutDriverFactory(_ref) {
  var element = _ref.element;

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

  var mainLoaderDriver = function mainLoaderDriver() {
    return loaderTestkitFactory({
      wrapper: element,
      dataHook: dataHooks.mainLoader
    });
  };

  var nextPageLoaderDriver = function nextPageLoaderDriver() {
    return loaderTestkitFactory({
      wrapper: element,
      dataHook: dataHooks.nextPageLoader
    });
  };

  var cancelButtonDriver = function cancelButtonDriver() {
    return buttonTestkitFactory({
      wrapper: element,
      dataHook: 'cancellation-button'
    });
  };

  var okButtonDriver = function okButtonDriver() {
    return buttonTestkitFactory({
      wrapper: element,
      dataHook: 'confirmation-button'
    });
  };

  var subtitleTextDriver = function subtitleTextDriver() {
    return textTestkitFactory({
      wrapper: element,
      dataHook: dataHooks.subtitle
    });
  };

  var searchDriver = function searchDriver() {
    return searchTestkitFactory({
      wrapper: element,
      dataHook: dataHooks.search
    });
  };

  var getList = function getList() {
    return findInModalByDataHook(dataHooks.list);
  };

  var getSelectorListContent = function getSelectorListContent() {
    return findInModalByDataHook(dataHooks.content);
  };

  var getSelectors = function getSelectors() {
    return getList().querySelectorAll("[data-hook=\"".concat(dataHooks.selector, "\"]"));
  };

  var selectorDriverAt = function selectorDriverAt(i) {
    return selectorDriverFactory({
      element: getSelectors()[i]
    });
  };

  var emptyState = function emptyState() {
    return findInModalByDataHook(dataHooks.emptyState);
  };

  var noResultsFoundState = function noResultsFoundState() {
    return findInModalByDataHook(dataHooks.noResultsFoundState);
  };

  var _footerSelector = checkboxTestkitFactory({
    wrapper: element,
    dataHook: dataHooks.toggleAllCheckbox
  });

  return {
    exists: function exists() {
      return !!element;
    },
    mainLoaderDriver: mainLoaderDriver,
    nextPageLoaderDriver: nextPageLoaderDriver,
    cancelButtonDriver: cancelButtonDriver,
    okButtonDriver: okButtonDriver,
    searchDriver: searchDriver,
    subtitleTextDriver: subtitleTextDriver,
    getTitle: function getTitle() {
      return findInModalByDataHook('header-layout-title').textContent;
    },
    clickOnClose: function clickOnClose() {
      return ReactTestUtils.Simulate.click(findInModalByDataHook('header-close-button'));
    },
    showsEmptyState: function showsEmptyState() {
      return !!emptyState();
    },
    getEmptyState: function getEmptyState() {
      return emptyState().childNodes[0];
    },
    showsNoResultsFoundState: function showsNoResultsFoundState() {
      return !!noResultsFoundState();
    },
    getNoResultsFoundState: function getNoResultsFoundState() {
      return noResultsFoundState().childNodes[0];
    },
    listExists: function listExists() {
      return !!getList();
    },
    numberOfItemsInList: function numberOfItemsInList() {
      return getSelectors().length;
    },
    getSelectorDriverAt: function getSelectorDriverAt(i) {
      return selectorDriverAt(i);
    },
    scrollDown: function scrollDown() {
      return getSelectorListContent().dispatchEvent(new Event('scroll'));
    },
    footerSelector: function footerSelector() {
      return _footerSelector;
    }
  };
};

export default modalSelectorLayoutDriverFactory;