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

wix-style-react

import styles from './Checkbox.scss';
import focusableDriverFactory from '../common/Focusable/Focusable.protractor.driver';
import { mergeDrivers } from '../../test/utils/private-drivers';
import { hasAttribute, hasClass } from '../../test/utils/protractor-helpers';

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

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

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

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

  const publicDriver = {
    element: () => element,
    click: () => checkboxElement.click(),
    getLabel: () => element.$(`label`),
    getInput: () => element.$(`input`),
    isChecked: () => element.$(`input`).isSelected(),
    isDisabled: () => hasAttribute(element.$(`input`), 'disabled'),
    hasError: () => hasClass(element, styles.hasError),
  };

  return mergeDrivers(publicDriver, focusableDriver);
};

export default checkboxDriverFactory;