wix-style-react/src/Notification/Notification.driver.js

wix-style-react

import ReactTestUtils from 'react-dom/test-utils';

const notificationDriverFactory = ({ element }) => {
  const notificationWrapperSelector = '[data-hook="notification-wrapper"]';
  const labelTextSelector = '[data-hook="notification-label"]';
  const actionButtonSelector = '[data-hook="notification-cta-button"]';
  const closeButtonSelector = '[data-hook="notification-close-button"]';

  const classExists = className =>
    element
      .querySelector(notificationWrapperSelector)
      .classList.contains(className);

  return {
    exists: () => !!element,
    visible: () => !!element.querySelector(notificationWrapperSelector),
    hasTheme: theme => classExists(`${theme}Theme`),
    isStandardNotification: () => classExists('standardTheme'),
    isErrorNotification: () => classExists('errorTheme'),
    isSuccessNotification: () => classExists('successTheme'),
    isWarningNotification: () => classExists('warningTheme'),
    isPremiumNotification: () => classExists('premiumTheme'),
    isSmallSize: () => classExists('smallSize'),
    isBigSize: () => classExists('bigSize'),
    getLabelText: () => element.querySelector(labelTextSelector).textContent,
    hasActionButton: () => !!element.querySelector(actionButtonSelector),
    getActionButtonText: () =>
      element.querySelector(actionButtonSelector).textContent,
    hasCloseButton: () =>
      !!element.querySelector('[data-hook="notification-close-button"]'),
    isRelativelyPositioned: () => classExists('relativePosition'),
    isFixedPositioned: () => classExists('fixedPosition'),
    isAbsolutePositioned: () => classExists('absolutePosition'),
    clickOnCloseButton: () =>
      ReactTestUtils.Simulate.click(element.querySelector(closeButtonSelector)),
    clickOnActionButton: () =>
      ReactTestUtils.Simulate.click(
        element.querySelector(actionButtonSelector),
      ),
    getZIndex: () =>
      Number(
        element.querySelector(notificationWrapperSelector).style['z-index'],
      ),
  };
};

export default notificationDriverFactory;