import { CommonKeyword } from "./commonKeyword";
import { lmt } from '../Helpers/readI18NProp';
import { logger } from '../Logger/logger';
import { DewElement } from './element';

/**
 * Pick item inside <dew-dropdown> component
 */
export class SelectDropdown {
  /**
   * To select first option in the dropdown from <select> element. If there is a Country dropdown and the first option in that drop
   * down is India, then this method will select india from the dropdown
   *
   * ```js
   * SelectDropdown.selectFirst("Country");
   * ```
   *
   * @param {string} selectLabel // Select Label
   */
  static async selectFirst(selectLabel: string) {
    try {
      await CommonKeyword.clickElement(`.//label[div[contains(@class,'label-text') and contains(text(),'${selectLabel}')]]//following-sibling::select`);

      const firstOption = await DewElement.grabTextFrom(`.//select/option[1]`);
      if (firstOption == await lmt.getLabel(`Select Folder`)) {
        await this.selectByLocator(`.//select/option[2]`);
      } else {
        await this.selectByLocator(`.//select/option[1]`);
      }
    } catch (error) {
      logger.log(`Issue while performing operation in DDCC: Error while selecting first value from dropdown`);
      throw error;
    }
  }

  /**
   * To select option in the dropdown from <select> element based on the title provided. Title will be present in <option> tag.
   *
   * ```js
   * SelectDropdown.selectByTitle("Country","India");
   * ```
   *
   * @param {string} selectLabel // Select Label
   * @param {string} title // Title to select
   */
  static async selectByTitle(selectLabel: string, title: string) {
    try {
      await CommonKeyword.clickElement(`.//label[div[contains(@class,'label-text') and contains(text(),'${selectLabel}')]]//following-sibling::select`);
      await this.selectByLocator(`.//select/option[text()='${title}']`);
    } catch (error) {
      logger.log(`Issue while performing operation in DDCC: Error while selecting dropdown based on title`);
      throw error;
    }
  }

  /**
     * To select option in the dropdown from <select> element based on the text provided.
     *
     * ```js
     * SelectDropdown.selectByText("Country","India");
     * ```
     *
     * @param {string} selectLabel // Select Label
     * @param {string} textToSelect // Text to select from dropdown
     */
  static async selectByText(selectLabel: string, textToSelect: string | number) {
    try {
      await CommonKeyword.clickElement(`.//label[div[contains(@class,'label-text') and contains(text(),'${selectLabel}')]]//following-sibling::select`);
      await this.selectByLocator(`.//select/option[text()="${textToSelect}"]`);
    } catch (error) {
      logger.log(`Issue while performing operation in DDCC: Error while selecting dropdown from text`);
      throw error;
    }
  }

  /**
     * To select option in the dropdown from <select> element based on the text provided.
     *
     * ```js
     * SelectDropdown.selectByText("Country","India");
     * ```
     *
     * @param {string} locator // Select Label
     */
  static async selectByLocator(locator: string) {
    try {
      await CommonKeyword.clickWrapper(locator);
    } catch (error) {
      logger.log(`Issue while performing operation in DDCC: Error while selecting dropdown from locator`);
      throw error;
    }
  }
}