wix-style-react/src/Checkbox/Checkbox.protractor.driver.js

wix-style-react

import focusableDriverFactory from '../common/Focusable/Focusable.protractor.driver';
import { mergeDrivers } from '../../test/utils/private-drivers';
import { hasAttribute } from '../../test/utils/protractor-helpers';
import { dataHooks } from './constants';
import * as DATA_ATTR from './DataAttr';

/**
 * @return <T extends InternalFocusableDriver>
 */
export const internalDriverFactory = element => {
  const getBox = () => element.$(`[data-hook="${dataHooks.boxTooltip}"]`);
  const getTextChildren = () =>
    element.$(`[data-hook="${dataHooks.children}"]`);

  return {
    // Implements: InternalFocusableDriver
    focusableElement: element,
    clickableGetters: [getBox, getTextChildren],
  };
};

const checkboxDriverFactory = element => {
  const checkboxElement = element.$(`[data-hook="${dataHooks.boxTooltip}"]`);
  const childrenElement = element.$(`[data-hook="${dataHooks.children}"]`);

  const focusableDriver = focusableDriverFactory({
    rootElement: element,
    nativeFocusableElement: element,
    clickableElements: [checkboxElement, childrenElement],
  });

  const publicDriver = {
    element: () => element,
    click: () => checkboxElement.click(),
    getLabel: () => element.$(`[data-hook="${dataHooks.label}"]`),
    getInput: () => element.$(`[data-hook="${dataHooks.input}"]`),
    isChecked: () => element.$(`[data-hook="${dataHooks.input}"]`).isSelected(),
    isDisabled: () =>
      hasAttribute(element.$(`[data-hook="${dataHooks.input}"]`), 'disabled'),
    hasError: () => element.getAttribute(DATA_ATTR.DATA_HAS_ERROR) === 'true',
  };

  return mergeDrivers(publicDriver, focusableDriver);
};

export default checkboxDriverFactory;