// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
// ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
// ┃ This file is part of the Perspective library, distributed under the terms ┃
// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

import { test } from "@perspective-dev/test";
import { compareContentsToSnapshot } from "@perspective-dev/test";

test.beforeEach(async ({ page }) => {
    await page.goto(
        "/node_modules/@perspective-dev/jupyterlab/test/html/resize.html",
    );
    await page.evaluate(async () => {
        while (!window["__TEST_PERSPECTIVE_READY__"]) {
            await new Promise((x) => setTimeout(x, 10));
        }
    });
});

test.describe("JupyterLab resize", () => {
    test("Config should be hidden by default", async ({ page }) => {
        // Snapshot is viewer contents
        const contents = await page.evaluate(async () => {
            await window.__WIDGET__.viewer.getTable();
            await window.__WIDGET__.viewer.flush();

            // Linux returns ever-so-slightly different auto width
            // column values so we need to strip these.
            for (const elem of document.querySelectorAll(
                "perspective-viewer *",
            )) {
                elem.removeAttribute("style");
            }

            return window.__WIDGET__.viewer.innerHTML;
        });

        await compareContentsToSnapshot(contents, [
            "jupyterlab-resize-config-hidden.txt",
        ]);
    });

    test("Resize the container causes the widget to resize", async ({
        page,
    }) => {
        await page.evaluate(async () => {
            await document.querySelector("perspective-viewer").toggleConfig();
            await document.querySelector("perspective-viewer").getTable();
        });

        await page.evaluate(async () => {
            document
                .querySelector(".PSPContainer")
                .setAttribute(
                    "style",
                    "position:absolute;top:0;left:0;width:300px;height:300px",
                );

            await document.querySelector("perspective-viewer").resize();
        });

        // Snapshot is viewer contents
        const contents = await page.evaluate(async () => {
            document.querySelector(".PSPContainer").style =
                "position:absolute;top:0;left:0;width:800px;height:600px";
            await document.querySelector("perspective-viewer").resize();

            for (const elem of document.querySelectorAll(
                "perspective-viewer *",
            )) {
                elem.removeAttribute("style");
            }

            return window.__WIDGET__.viewer.innerHTML;
        });

        await compareContentsToSnapshot(contents, [
            "jupyterlab-resize-config-shown.txt",
        ]);
    });

    test("group_by traitlet works", async ({ page }) => {
        await page.evaluate(async () => {
            await document.querySelector("perspective-viewer").toggleConfig();
            await document.querySelector("perspective-viewer").getTable();
            await document.querySelector("perspective-viewer").flush();
        });

        // Snapshot is datagrid contents
        const contents = await page.evaluate(async () => {
            await window.__WIDGET__.restore({ group_by: ["State"] });
            for (const elem of document.querySelectorAll(
                "perspective-viewer *",
            )) {
                elem.removeAttribute("style");
            }
            const datagrid = window.__WIDGET__.viewer.querySelector(
                "perspective-viewer-datagrid",
            );
            return datagrid.shadowRoot.innerHTML;
        });

        await compareContentsToSnapshot(contents, [
            "jupyterlab-resize-group-by-traitlet.txt",
        ]);
    });
});
