115 lines
5.4 KiB
JavaScript
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",
|
|
]);
|
|
});
|
|
});
|