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

wix-style-react

import { isClassExists } from '../../test/utils';
import { labelDriverFactory } from 'wix-ui-backoffice/dist/src/components/Label/Label.driver';
import { testkitFactoryCreator } from 'wix-ui-test-utils/vanilla';

const labelTestkitFactory = testkitFactoryCreator(labelDriverFactory);

const checkboxDriverFactory = ({ element, eventTrigger }) => {
  const input = () => element.querySelector('input');
  const checkbox = () => element.querySelector('.checkbox');
  const labelDriver = () =>
    labelTestkitFactory({ wrapper: element, dataHook: 'checkbox-label' });
  const isChecked = elm => isClassExists(elm, 'checked');

  return {
    exists: () => !!element,
    click: () =>
      eventTrigger.change(input(), {
        target: { checked: !isChecked(element) },
      }),
    /** trigger focus on the element */
    focus: () => eventTrigger.focus(checkbox()),
    /** trigger blur on the element */
    blur: () => eventTrigger.blur(checkbox()),
    /**
     * Focus related testing is done in e2e tests only.
     * @deprecated
     */
    hasFocusState: () => element.getAttribute('data-focus'),
    isChecked: () => isChecked(element),
    isDisabled: () => isClassExists(element, 'disabled'),
    isIndeterminate: () => isClassExists(element, 'indeterminate'),
    hasError: () => isClassExists(element, 'hasError'),
    getLabel: () => labelDriver().getLabelText(),
    getLabelDriver: () => labelDriver(),
  };
};

export default checkboxDriverFactory;