Function getCoordsForValue

src/material/slider/slider.e2e.spec.ts:177–190

Returns the x and y coordinates for the given slider value.

(slider: webdriver.WebElement, value: number)

  /** Returns the x and y coordinates for the given slider value. */
  async function getCoordsForValue(slider: webdriver.WebElement, value: number): Promise<Point> {
    const inputs = await slider.findElements(webdriver.By.css('.mdc-slider__input'));

    const min = Number(await inputs[0].getAttribute('min'));
    const max = Number(await inputs[inputs.length - 1].getAttribute('max'));
    const percent = (value - min) / (max - min);

    const {width, height} = await slider.getSize();

    const x = Math.round(width * percent);
    const y = Math.round(height / 2);

    return {x, y};
  }

  /**
   * Clicks an element at a specific point. Useful if there's another element