import { Lanthan } from "lanthan";
import { WebDriver, By, until } from "selenium-webdriver";

export default class FormOptionPage {
  private webdriver: WebDriver;

  constructor(lanthan: Lanthan) {
    this.webdriver = lanthan.getWebDriver();
  }

  async setBlacklist(nth: number, url: string): Promise<void> {
    const selector = ".form-blacklist-form-row > .column-url";
    const inputs = await this.webdriver.findElements(By.css(selector));
    if (inputs.length <= nth) {
      throw new RangeError("Index out of range to set a blacklist");
    }
    await inputs[nth].sendKeys(url);
    await this.webdriver.executeScript(
      `document.querySelectorAll('${selector}')[${nth}].blur()`
    );
  }

  async setPartialBlacklist(
    nth: number,
    url: string,
    keys: string
  ): Promise<void> {
    let selector = ".form-partial-blacklist-form-row > .column-url";
    let inputs = await this.webdriver.findElements(By.css(selector));
    if (inputs.length <= nth) {
      throw new RangeError("Index out of range to set a partial blacklist");
    }
    await inputs[nth].sendKeys(url);
    await this.webdriver.executeScript(
      `document.querySelectorAll('${selector}')[${nth}].blur()`
    );

    selector = ".form-partial-blacklist-form-row > .column-keys";
    inputs = await this.webdriver.findElements(By.css(selector));
    if (inputs.length <= nth) {
      throw new RangeError("Index out of range to set a partial blacklist");
    }
    await inputs[nth].sendKeys(keys);
    await this.webdriver.executeScript(
      `document.querySelectorAll('${selector}')[${nth}].blur()`
    );
  }

  async setSearchEngine(nth: number, name: string, url: string) {
    let selector = ".form-search-form-row > .column-name";
    let inputs = await this.webdriver.findElements(By.css(selector));
    if (inputs.length <= nth) {
      throw new RangeError("Index out of range to set a search engine");
    }
    await inputs[nth].sendKeys(name);
    await this.webdriver.executeScript(
      `document.querySelectorAll('${selector}')[${nth}].blur()`
    );

    selector = ".form-search-form-row > .column-url";
    inputs = await this.webdriver.findElements(By.css(selector));
    if (inputs.length <= nth) {
      throw new RangeError("Index out of range to set a search engine");
    }
    await inputs[nth].sendKeys(url);
    await this.webdriver.executeScript(
      `document.querySelectorAll('${selector}')[${nth}].blur()`
    );
  }

  async addBlacklist(): Promise<void> {
    const rows = await this.webdriver.findElements(
      By.css(`.form-blacklist-form-row`)
    );
    const button = await this.webdriver.findElement(
      By.css(".form-blacklist-form .ui-add-button")
    );
    await button.click();
    await this.webdriver.wait(
      until.elementLocated(
        By.css(`.form-blacklist-form-row:nth-child(${rows.length + 1})`)
      )
    );
  }

  async addPartialBlacklist(): Promise<void> {
    const rows = await this.webdriver.findElements(
      By.css(`.form-partial-blacklist-form-row`)
    );
    const button = await this.webdriver.findElement(
      By.css(".form-partial-blacklist-form .ui-add-button")
    );
    await button.click();
    await this.webdriver.wait(
      until.elementLocated(
        By.css(`.form-partial-blacklist-form-row:nth-child(${rows.length + 2})`)
      )
    );
  }

  async removeBlackList(nth: number): Promise<void> {
    const buttons = await this.webdriver.findElements(
      By.css(".form-blacklist-form-row .ui-delete-button")
    );
    if (buttons.length <= nth) {
      throw new RangeError("Index out of range to remove blacklist");
    }
    await buttons[nth].click();
  }

  async removePartialBlackList(nth: number): Promise<void> {
    const buttons = await this.webdriver.findElements(
      By.css(".form-partial-blacklist-form-row .ui-delete-button")
    );
    if (buttons.length <= nth) {
      throw new RangeError("Index out of range to remove partial blacklist");
    }
    await buttons[nth].click();
  }

  async addSearchEngine(): Promise<void> {
    const rows = await this.webdriver.findElements(
      By.css(`.form-search-form-row > .column-name`)
    );
    const button = await this.webdriver.findElement(
      By.css(".form-search-form > .ui-add-button")
    );
    await button.click();
    await this.webdriver.wait(
      until.elementLocated(
        By.css(`.form-search-form-row:nth-child(${rows.length + 1})`)
      )
    );
  }

  async setDefaultSearchEngine(nth: number): Promise<void> {
    const radios = await this.webdriver.findElements(
      By.css(".form-search-form-row input[type=radio]")
    );
    if (radios.length <= nth) {
      throw new RangeError("Index out of range to set a default search engine");
    }
    await radios[nth].click();
  }
}