chore: import upstream snapshot with attribution
This commit is contained in:
wehub-resource-sync
@@ -0,0 +1,260 @@
|
||||
// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
|
||||
// ┃ ██████ ██████ ██████ █ █ █ █ █ █▄ ▀███ █ ┃
|
||||
// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█ ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄ ▀█ █ ▀▀▀▀▀ ┃
|
||||
// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄ █ ▄▄▄▄▄ ┃
|
||||
// ┃ █ ██████ █ ▀█▄ █ ██████ █ ███▌▐███ ███████▄ █ ┃
|
||||
// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
|
||||
// ┃ 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 } from "@perspective-dev/test";
|
||||
import {
|
||||
compareLightDOMContents,
|
||||
compareShadowDOMContents,
|
||||
} from "@perspective-dev/test";
|
||||
|
||||
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));
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function tests(context, compare) {
|
||||
test("restore workspace with detail only", async ({ page }) => {
|
||||
const config = {
|
||||
viewers: {
|
||||
One: { table: "superstore", name: "One" },
|
||||
},
|
||||
detail: {
|
||||
main: {
|
||||
currentIndex: 0,
|
||||
type: "tab-area",
|
||||
widgets: ["One"],
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
await page.evaluate(async (config) => {
|
||||
const workspace = document.getElementById("workspace");
|
||||
await workspace.restore(config);
|
||||
}, config);
|
||||
|
||||
await page.evaluate(async () => {
|
||||
await workspace.flush();
|
||||
});
|
||||
|
||||
return compare(
|
||||
page,
|
||||
`${context}-restore-workspace-with-detail-only.txt`,
|
||||
);
|
||||
});
|
||||
|
||||
test("restore workspace with master and detail", async ({ page }) => {
|
||||
const config = {
|
||||
viewers: {
|
||||
One: {
|
||||
table: "superstore",
|
||||
name: "Test",
|
||||
group_by: ["State"],
|
||||
columns: ["Sales", "Profit"],
|
||||
},
|
||||
Two: { table: "superstore", name: "One" },
|
||||
},
|
||||
master: {
|
||||
widgets: ["One"],
|
||||
},
|
||||
detail: {
|
||||
main: {
|
||||
currentIndex: 0,
|
||||
type: "tab-area",
|
||||
widgets: ["Two"],
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
await page.evaluate(async (config) => {
|
||||
const workspace = document.getElementById("workspace");
|
||||
await workspace.restore(config);
|
||||
}, config);
|
||||
|
||||
await page.evaluate(async () => {
|
||||
const workspace = document.getElementById("workspace");
|
||||
await workspace.flush();
|
||||
});
|
||||
|
||||
return compare(
|
||||
page,
|
||||
`${context}-restore-workspace-with-master-and-detail.txt`,
|
||||
);
|
||||
});
|
||||
|
||||
test("restore workspace is symmetric with addViewer", async ({ page }) => {
|
||||
const initial = await page.evaluate(async (config) => {
|
||||
const workspace = document.getElementById("workspace");
|
||||
await workspace.addViewer({ table: "superstore" });
|
||||
await workspace.flush();
|
||||
const result = await workspace.save();
|
||||
return result;
|
||||
});
|
||||
|
||||
const second = await page.evaluate(async (initial) => {
|
||||
const workspace = document.getElementById("workspace");
|
||||
await workspace.restore(initial);
|
||||
await workspace.flush();
|
||||
return await workspace.save();
|
||||
}, initial);
|
||||
|
||||
expect(initial).toEqual(second);
|
||||
|
||||
return compare(
|
||||
page,
|
||||
`${context}-restore-workspace-is-symmetric-with-addviewer.txt`,
|
||||
);
|
||||
});
|
||||
|
||||
test.describe("Toggle master/detail", () => {
|
||||
test("restore a blank view removes master panel", async ({ page }) => {
|
||||
const config = {
|
||||
detail: {
|
||||
main: {
|
||||
type: "tab-area",
|
||||
widgets: ["PERSPECTIVE_GENERATED_ID_1"],
|
||||
currentIndex: 0,
|
||||
},
|
||||
},
|
||||
master: { widgets: ["PERSPECTIVE_GENERATED_ID_0"], sizes: [1] },
|
||||
viewers: {
|
||||
PERSPECTIVE_GENERATED_ID_0: {
|
||||
table: "superstore",
|
||||
},
|
||||
PERSPECTIVE_GENERATED_ID_1: {
|
||||
table: "superstore",
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
const empty_config = {
|
||||
detail: {},
|
||||
viewers: {},
|
||||
};
|
||||
|
||||
// const x = await page.evaluate(async (config) => {
|
||||
// const workspace = document.getElementById("workspace");
|
||||
// await workspace.restore(config);
|
||||
// await workspace.flush();
|
||||
// return workspace.outerHTML;
|
||||
// }, config);
|
||||
|
||||
// test.expect(x).toEqual(
|
||||
// `<perspective-workspace id=\"workspace\"><perspective-viewer slot=\"PERSPECTIVE_GENERATED_ID_1\" table=\"superstore\" theme=\"Pro Light\" class=\"lm-DockPanel-widget\"><perspective-viewer-datagrid data-edit-mode=\"READ_ONLY\" style=\"position: absolute; inset: 0px; opacity: 1;\" class=\"edit-mode-allowed\"></perspective-viewer-datagrid><perspective-viewer-datagrid-toolbar slot=\"statusbar-extra\"></perspective-viewer-datagrid-toolbar></perspective-viewer><perspective-viewer slot=\"PERSPECTIVE_GENERATED_ID_0\" table=\"superstore\" theme=\"Pro Light\" class=\"workspace-master-widget lm-SplitPanel-child\" selectable=\"\"><perspective-viewer-datagrid data-edit-mode=\"READ_ONLY\" style=\"position: absolute; inset: 0px; opacity: 1;\"></perspective-viewer-datagrid><perspective-viewer-datagrid-toolbar slot=\"statusbar-extra\"></perspective-viewer-datagrid-toolbar></perspective-viewer></perspective-workspace>`,
|
||||
// );
|
||||
|
||||
await page.evaluate(async (config) => {
|
||||
const workspace = document.getElementById("workspace");
|
||||
await workspace.restore(config);
|
||||
await workspace.flush();
|
||||
}, empty_config);
|
||||
|
||||
return compare(
|
||||
page,
|
||||
`${context}-restore-a-blank-view-removes-master-panel.txt`,
|
||||
);
|
||||
});
|
||||
|
||||
test("restore a view which reuses a master viewer, removes master panel", async ({
|
||||
page,
|
||||
}) => {
|
||||
const config = {
|
||||
detail: {
|
||||
main: {
|
||||
type: "tab-area",
|
||||
widgets: ["PERSPECTIVE_GENERATED_ID_1"],
|
||||
currentIndex: 0,
|
||||
},
|
||||
},
|
||||
master: { widgets: ["PERSPECTIVE_GENERATED_ID_0"], sizes: [1] },
|
||||
viewers: {
|
||||
PERSPECTIVE_GENERATED_ID_0: {
|
||||
table: "superstore",
|
||||
title: "One",
|
||||
},
|
||||
PERSPECTIVE_GENERATED_ID_1: {
|
||||
table: "superstore",
|
||||
title: "Two",
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
const config2 = {
|
||||
detail: {
|
||||
main: {
|
||||
type: "split-area",
|
||||
orientation: "horizontal",
|
||||
children: [
|
||||
{
|
||||
type: "tab-area",
|
||||
widgets: ["PERSPECTIVE_GENERATED_ID_0"],
|
||||
currentIndex: 0,
|
||||
},
|
||||
{
|
||||
type: "tab-area",
|
||||
widgets: ["PERSPECTIVE_GENERATED_ID_1"],
|
||||
currentIndex: 0,
|
||||
},
|
||||
],
|
||||
sizes: [0.5, 0.5],
|
||||
},
|
||||
},
|
||||
master: { widgets: [], sizes: [] },
|
||||
viewers: {
|
||||
PERSPECTIVE_GENERATED_ID_0: {
|
||||
table: "superstore",
|
||||
title: "One",
|
||||
},
|
||||
PERSPECTIVE_GENERATED_ID_1: {
|
||||
table: "superstore",
|
||||
title: "Two",
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
// const x = await page.evaluate(async (config) => {
|
||||
// const workspace = document.getElementById("workspace");
|
||||
// await workspace.restore(config);
|
||||
// await workspace.flush();
|
||||
// return workspace.outerHTML;
|
||||
// }, config);
|
||||
|
||||
// test.expect(x).toEqual(
|
||||
// `<perspective-workspace id="workspace"><perspective-viewer slot="PERSPECTIVE_GENERATED_ID_1" table="superstore" theme="Pro Light" class="lm-DockPanel-widget"><perspective-viewer-datagrid data-edit-mode="READ_ONLY" style="position: absolute; inset: 0px; opacity: 1;" class="edit-mode-allowed"></perspective-viewer-datagrid><perspective-viewer-datagrid-toolbar slot="statusbar-extra"></perspective-viewer-datagrid-toolbar></perspective-viewer><perspective-viewer slot="PERSPECTIVE_GENERATED_ID_0" table="superstore" theme="Pro Light" class="workspace-master-widget lm-SplitPanel-child" selectable=""><perspective-viewer-datagrid data-edit-mode="READ_ONLY" style="position: absolute; inset: 0px; opacity: 1;"></perspective-viewer-datagrid><perspective-viewer-datagrid-toolbar slot="statusbar-extra"></perspective-viewer-datagrid-toolbar></perspective-viewer></perspective-workspace>`,
|
||||
// );
|
||||
|
||||
await page.evaluate(async (config) => {
|
||||
const workspace = document.getElementById("workspace");
|
||||
await workspace.restore(config);
|
||||
await workspace.flush();
|
||||
}, config2);
|
||||
|
||||
return compare(
|
||||
page,
|
||||
`${context}-restore-which-reseats-master-viewer.txt`,
|
||||
);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
test.describe("Workspace restore", () => {
|
||||
test.describe("Light DOM", () => {
|
||||
tests("light-dom", compareLightDOMContents);
|
||||
});
|
||||
|
||||
test.describe("Shadow DOM", () => {
|
||||
tests("shadow-dom", compareShadowDOMContents);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user