import { BUTTON_SELECTORS } from "../../elements/shared/button-selectors";
import {
  selectorWithDataValue,
  SHARED_ELEMENTS
} from "../../elements/shared/sharedElements";

export function fillAutocompleteSelect(selectSelector, option) {
  cy.get(selectSelector)
    .click()
    .get(BUTTON_SELECTORS.selectOption)
    .should("be.visible");
  if (option) {
    cy.get(selectSelector).clearAndType(option);
    cy.contains(BUTTON_SELECTORS.selectOption, option).click();
    cy.wrap(option).as("option");
  } else {
    cy.get(BUTTON_SELECTORS.selectOption)
      .wait(1000)
      .first()
      .invoke("text")
      .as("option")
      .get(BUTTON_SELECTORS.selectOption)
      .first()
      .click();
  }
  return cy.get("@option");
}

export function fillMultiSelect(selectSelector, option) {
  fillAutocompleteSelect(selectSelector, option).then(returnedOption => {
    cy.get(SHARED_ELEMENTS.header)
      .first()
      .click({ force: true });
    return cy.wrap(returnedOption);
  });
}

export function fillBaseSelect(selectSelector, value) {
  cy.get(selectSelector)
    .click()
    .get(selectorWithDataValue(value))
    .click();
}

export function createNewOption(selectSelector, newOption) {
  cy.get(selectSelector).type(newOption);
  cy.contains(BUTTON_SELECTORS.selectOption, newOption)
    .should("be.visible")
    .click();
}