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

wix-style-react

const driverFactory = component => {
  const getDropdown = () =>
    component.$(`[data-hook="dropdown-layout-options"]`);
  const getLoader = () => component.$('[data-hook="dropdownLayout-loader"]');
  const getDropdownItemElement = index =>
    component.$$(`[data-hook*="dropdown-item"]`).get(index);
  const scrollIntoView = el => {
    return browser.executeScript(element => {
      element.scrollIntoView();
    }, el.getWebElement());
  };

  return {
    getDropdown,
    getDropdownItemElement,
    element: () => component,
    scrollToElement: el => scrollIntoView(getDropdownItemElement(el)),
    getDropdownItem: index => getDropdownItemElement(index).getText(),
    loaderExists: () => getLoader(),
    getDropdownItemsCount: () =>
      component
        .$$(`[data-hook*="dropdown-item"]`)
        .getText()
        .count(),
    selectItemById: itemId =>
      component.$(`[data-hook^="dropdown-item-${itemId}"]`).click(),
  };
};

export default driverFactory;