taiko/lib/elements/checkBox.js

Taiko is a Node.js library for automating Chromium based browsers

const { setNavigationOptions } = require("../config");
const { descEvent } = require("../eventBus");
const Element = require("./element");
const { defaultConfig } = require("../config");
const { highlightElement } = require("./elementHelper");
const { doActionAwaitingNavigation } = require("../doActionAwaitingNavigation");

class CheckBox extends Element {
  async isChecked() {
    function getvalue() {
      return this.checked;
    }
    const options = { objectId: this.get() };
    const { result } = await this.runtimeHandler.runtimeCallFunctionOn(
      getvalue,
      null,
      options,
    );
    const description = result.value
      ? `${this.description}is checked.`
      : `${this.description}is not checked.`;
    descEvent.emit("success", description);
    return result.value;
  }
  async check() {
    await this.registerNativeValueSetter();
    const navigationOptions = setNavigationOptions({});
    await doActionAwaitingNavigation(navigationOptions, async () => {
      const objectId = this.get();
      if (defaultConfig.headful) {
        await highlightElement(this);
      }
      const options = { objectId: objectId, arg: true };
      await this.runtimeHandler.runtimeCallFunctionOn(
        setChecked,
        null,
        options,
      );
      descEvent.emit("success", `${this.description}is checked`);
    });
  }
  async uncheck() {
    const navigationOptions = setNavigationOptions({});
    await doActionAwaitingNavigation(navigationOptions, async () => {
      const objectId = this.get();
      if (defaultConfig.headful) {
        await highlightElement(this);
      }
      const options = { objectId: objectId, arg: false };
      await this.runtimeHandler.runtimeCallFunctionOn(
        setChecked,
        null,
        options,
      );
      descEvent.emit("success", `${this.description}is unchecked`);
    });
  }

  static from(element, description) {
    return new CheckBox(element.get(), description, element.runtimeHandler);
  }
}

function setChecked(value) {
  this.setNativeValue(this, "checked", value);
  for (const ev of ["change", "input", "click"]) {
    const event = new Event(ev, { bubbles: true });
    try {
      this.dispatchEvent(event);
    } catch (e) {
      return {
        error: `Error occurred while dispatching ${ev} event`,
        stack: e.stack,
      };
    }
  }
}

module.exports = CheckBox;