import { browser, by, element } from 'protractor';

export class AppPage {
  async navigateTo(): Promise<unknown> {
    return browser.get(browser.baseUrl);
  }

  async setValue1(val : string) {
    const input = element(by.id('val1'));
    await input.clear()
    await input.sendKeys(val);  }

  async setValue2(val : string) {
    const input = element(by.id('val2'));
    await input.clear()
    await input.sendKeys(val);
  }

  async getResult(): Promise<string> {
    return element(by.id('result')).getText();
  }

  async getMessage(): Promise<string> {
    return element(by.id('message')).getText();
  }

  async getTitleText(): Promise<string> {
    return element(by.css('app-root .header h1')).getText();
  }

  async clickAdd(): Promise<void> {
    return element(by.id('add')).click()
  }

  async clickSubtract(): Promise<void> {
    return element(by.id('subtract')).click()
  }

  async clickMultiply(): Promise<void> {
    return element(by.id('multiply')).click()
  }

  async clickDivide(): Promise<void> {
    return element(by.id('divide')).click()
  }

}