wehub-resource-sync
114 lines
4.6 KiB
JavaScript
114 lines
4.6 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 {
|
|
compareLightDOMContents,
|
|
compareShadowDOMContents,
|
|
} from "@perspective-dev/test";
|
|
|
|
const BAD_LAYOUT = {
|
|
sizes: [1],
|
|
detail: {
|
|
main: {
|
|
type: "tab-area",
|
|
widgets: [
|
|
"PERSPECTIVE_GENERATED_ID_0",
|
|
"PERSPECTIVE_GENERATED_ID_1",
|
|
],
|
|
currentIndex: 1,
|
|
},
|
|
},
|
|
mode: "globalFilters",
|
|
viewers: {
|
|
PERSPECTIVE_GENERATED_ID_0: {
|
|
plugin: "Sunburst",
|
|
plugin_config: {},
|
|
settings: false,
|
|
theme: null,
|
|
group_by: ["State"],
|
|
split_by: [],
|
|
columns: ["Quantity", null, null],
|
|
filter: [],
|
|
sort: [],
|
|
expressions: {},
|
|
aggregates: {},
|
|
master: false,
|
|
name: "one",
|
|
table: "superstore",
|
|
linked: false,
|
|
},
|
|
PERSPECTIVE_GENERATED_ID_1: {
|
|
plugin: "Sunburst",
|
|
plugin_config: {},
|
|
settings: false,
|
|
theme: null,
|
|
group_by: ["State"],
|
|
split_by: [],
|
|
columns: ["Sales", null, null],
|
|
filter: [],
|
|
sort: [],
|
|
expressions: {},
|
|
aggregates: {},
|
|
master: false,
|
|
name: "two",
|
|
table: "superstore",
|
|
linked: false,
|
|
},
|
|
},
|
|
};
|
|
|
|
function tests(context, compare) {
|
|
test.describe("visibility", () => {
|
|
test("Sunburst charts do not loop forever when disconnected from DOM", async ({
|
|
page,
|
|
}) => {
|
|
await page.evaluate(async (layout) => {
|
|
await window.workspace.restore(layout);
|
|
}, BAD_LAYOUT);
|
|
|
|
await page.evaluate(async () => {
|
|
const viewer = document.body.querySelector(
|
|
"perspective-viewer[slot=PERSPECTIVE_GENERATED_ID_0]",
|
|
);
|
|
const workspace = document.getElementById("workspace");
|
|
workspace.removeChild(viewer);
|
|
await workspace.flush();
|
|
});
|
|
|
|
return compare(
|
|
page,
|
|
`sunburst-charts-does-not-loop-${context}.txt`,
|
|
);
|
|
});
|
|
});
|
|
}
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto("/tools/test/src/html/workspace-test.html");
|
|
await page.evaluate(async () => {
|
|
while (!window["__TEST_PERSPECTIVE_READY__"]) {
|
|
await new Promise((x) => setTimeout(x, 10));
|
|
}
|
|
});
|
|
});
|
|
|
|
test.describe("Workspace Visibility", () => {
|
|
test.describe("Light DOM", () => {
|
|
tests("light-dom", compareLightDOMContents);
|
|
});
|
|
|
|
test.describe("Shadow DOM", () => {
|
|
tests("shadow-dom", compareShadowDOMContents);
|
|
});
|
|
});
|