/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test global screenshot button and screenshot size with and without a viewport meta tag.
// See Bug 1979518.

const TEST_URL = "data:text/html;charset=utf-8,";
const TEST_URL2 =
  TEST_URL + "<meta name='viewport' content='width=device-width' />";

for (const URL of [TEST_URL, TEST_URL2]) {
  addRDMTask(URL, async function ({ ui }) {
    info(
      `Test global screenshot button and screenshot size ${URL.includes("viewport") ? "with" : "without"} a viewport meta tag`
    );

    const { toolWindow } = ui;
    const { document } = toolWindow;

    const whenScreenshotSucceeded = waitUntilDownload();

    info("Click the screenshot button");
    const screenshotButton = document.getElementById("screenshot-button");
    screenshotButton.click();

    const filePath = await whenScreenshotSucceeded;
    const image = new Image();
    // Bug 1949036: we run this test twice and the 2 screenshot files may have
    // the same filename, so we need to add a cache buster.
    image.src = PathUtils.toFileURI(filePath) + `?nocache=${Date.now()}`;

    await once(image, "load");

    const { width, height, ratio } = await spawnViewportTask(ui, {}, () => {
      return {
        width: content.innerWidth,
        height: content.innerHeight,
        ratio: content.devicePixelRatio,
      };
    });

    is(image.width, width * ratio, "screenshot has the expected width");

    is(image.height, height * ratio, "screenshot has the expected height");

    await IOUtils.remove(filePath);
    await resetDownloads();
  });
}