wehub-resource-sync
120 lines
5.0 KiB
TypeScript
120 lines
5.0 KiB
TypeScript
// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
|
|
// ┃ ██████ ██████ ██████ █ █ █ █ █ █▄ ▀███ █ ┃
|
|
// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█ ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄ ▀█ █ ▀▀▀▀▀ ┃
|
|
// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄ █ ▄▄▄▄▄ ┃
|
|
// ┃ █ ██████ █ ▀█▄ █ ██████ █ ███▌▐███ ███████▄ █ ┃
|
|
// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
|
|
// ┃ 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,
|
|
expect,
|
|
compareContentsToSnapshot,
|
|
API_VERSION,
|
|
getShadowContents,
|
|
} from "../helpers.ts";
|
|
|
|
const get_contents = getShadowContents;
|
|
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto("/rust/perspective-viewer/test/html/superstore.html");
|
|
await page.evaluate(async () => {
|
|
while (!window["__TEST_PERSPECTIVE_READY__"]) {
|
|
await new Promise((x) => setTimeout(x, 10));
|
|
}
|
|
});
|
|
|
|
await page.evaluate(async () => {
|
|
await document.querySelector("perspective-viewer")!.restore({
|
|
plugin: "Debug",
|
|
});
|
|
});
|
|
});
|
|
|
|
test.describe("Events", () => {
|
|
test("config-update event > fires on restore", async ({ page }) => {
|
|
const config = await page.evaluate(async () => {
|
|
const viewer = document.querySelector("perspective-viewer");
|
|
|
|
if (!viewer) {
|
|
throw new Error("Viewer not found");
|
|
}
|
|
// @ts-ignore
|
|
await viewer.getTable();
|
|
let config;
|
|
viewer.addEventListener("perspective-config-update", (event) => {
|
|
// @ts-ignore
|
|
config = event.detail;
|
|
});
|
|
|
|
// @ts-ignore
|
|
await viewer.restore({
|
|
settings: true,
|
|
group_by: ["State"],
|
|
columns: ["Profit", "Sales"],
|
|
});
|
|
|
|
return config;
|
|
});
|
|
|
|
expect(config).toEqual({
|
|
version: API_VERSION,
|
|
aggregates: {},
|
|
split_by: [],
|
|
columns: ["Profit", "Sales"],
|
|
columns_config: {},
|
|
expressions: {},
|
|
filter: [],
|
|
plugin: "Debug",
|
|
plugin_config: {},
|
|
group_by: ["State"],
|
|
group_rollup_mode: "rollup",
|
|
settings: true,
|
|
sort: [],
|
|
table: "load-viewer-csv",
|
|
theme: "Pro Light",
|
|
title: null,
|
|
});
|
|
|
|
const contents = await get_contents(page);
|
|
|
|
await compareContentsToSnapshot(contents);
|
|
});
|
|
|
|
test("config-update event > fires on title edit", async ({ page }) => {
|
|
await page.evaluate(async () => {
|
|
const viewer = document.querySelector("perspective-viewer");
|
|
window["acc"] = [];
|
|
await viewer!.restore({
|
|
settings: true,
|
|
});
|
|
|
|
viewer!.addEventListener("perspective-config-update", (event) => {
|
|
window["acc"].push(event.detail);
|
|
});
|
|
});
|
|
|
|
const titleInput = page.locator("perspective-viewer #status_bar input");
|
|
await titleInput.focus();
|
|
await titleInput.pressSequentially("New Title");
|
|
await titleInput.blur();
|
|
|
|
const result = await page.evaluate(async () => {
|
|
return window["acc"];
|
|
});
|
|
|
|
expect(result.map((x) => x.title)).toEqual(["New Title"]);
|
|
|
|
const config = await page.evaluate(async () => {
|
|
const viewer = document.querySelector("perspective-viewer");
|
|
return await viewer?.save();
|
|
});
|
|
|
|
expect(config.title).toEqual("New Title");
|
|
});
|
|
});
|