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

wix-style-react

const colorPickerDriverFactory = component => {
  const getConverter = () =>
    component.$(`[data-hook="color-picker-converter"]`);
  const getConverterTabs = () => getConverter().$$(`li`);

  return {
    element: () => component,
    hasConverter: () => getConverter().isPresent(),
    hasHexInput: () =>
      component.$(`[data-hook="color-picker-hex-input"]`).isPresent(),
    hasRgbInputs: () =>
      component.$(`[data-hook="color-picker-rgb-inputs"]`).isPresent(),
    hasHsbInputs: () =>
      component.$(`[data-hook="color-picker-hsb-inputs"]`).isPresent(),
    selectHexTab: () =>
      getConverterTabs()
        .get(0)
        .click(),
    selectRgbTab: () =>
      getConverterTabs()
        .get(1)
        .click(),
    selectHsbTab: () =>
      getConverterTabs()
        .get(2)
        .click(),
  };
};
export default colorPickerDriverFactory;