@duetds/date-picker/dist/collection/utils/test-utils.js

Duet Date Picker is an open source version of Duet Design System’s accessible date picker.

import { newE2EPage } from "@stencil/core/testing";
export async function createPage(optionsOrHtml) {
  const options = typeof optionsOrHtml === "string" ? { html: optionsOrHtml, viewportWidth: 600 } : optionsOrHtml;
  const page = (await newE2EPage());
  const viewport = Object.assign({ height: page.viewport().height }, { width: options.viewportWidth });
  await page.setViewport(viewport);
  await page.setContent(options.html, { waitUntil: "networkidle0" });
  await page.evaluateHandle(() => document.fonts.ready);
  // monkey patch screenshot function to add some extra features
  const screenshot = page.screenshot;
  page.screenshot = async function () {
    // get the element's height, and set viewport to that height
    // this enables us to get full page, clipped screenshots
    const htmlElement = await page.$("html");
    const { width, height } = await htmlElement.boundingBox();
    await page.setViewport({ width: page.viewport().width, height: Math.round(height) });
    return screenshot.call(page, {
      clip: {
        x: 0,
        y: 0,
        width: Math.round(width),
        height: Math.round(height),
      },
    });
  };
  return page;
}