Files
2026-07-13 12:25:07 +08:00

115 lines
5.4 KiB
JavaScript

// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
// ┃ ██████ ██████ ██████ █ █ █ █ █ █▄ ▀███ █ ┃
// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█ ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄ ▀█ █ ▀▀▀▀▀ ┃
// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄ █ ▄▄▄▄▄ ┃
// ┃ █ ██████ █ ▀█▄ █ ██████ █ ███▌▐███ ███████▄ █ ┃
// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
// ┃ 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",
]);
});
});