chore: import upstream snapshot with attribution

2026-07-13 12:25:07 +08:00
commit a26e856398
1681 changed files with 296950 additions and 0 deletions
@@ -0,0 +1,90 @@
+// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+// ┃ 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";
+
+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 () => {
+        const viewer = document.querySelector("perspective-viewer")!;
+        await viewer.restore({ plugin: "Debug" });
+        // Explicitly register both themes so the memoized theme cache contains
+        // "Pro Dark" even though superstore.html only loads pro.css.
+        await viewer.resetThemes(["Pro Light", "Pro Dark"]);
+    });
+});
+
+test.describe("Theme", () => {
+    test("restore sets the theme attribute on the host element", async ({
+        page,
+    }) => {
+        await page.evaluate(async () => {
+            const viewer = document.querySelector("perspective-viewer")!;
+            await viewer.getTable();
+            await viewer.restore({ theme: "Pro Dark" });
+        });
+
+        const themeAttr = await page.evaluate(() =>
+            document.querySelector("perspective-viewer")!.getAttribute("theme"),
+        );
+
+        expect(themeAttr).toBe("Pro Dark");
+    });
+
+    test("save returns the correct theme after restore", async ({ page }) => {
+        const saved = await page.evaluate(async () => {
+            const viewer = document.querySelector("perspective-viewer")!;
+            await viewer.getTable();
+            await viewer.restore({ theme: "Pro Dark" });
+            return await viewer.save();
+        });
+
+        expect(saved.theme).toBe("Pro Dark");
+    });
+
+    test("theme is preserved across settings panel open/close toggle", async ({
+        page,
+    }) => {
+        // Set theme, then toggle settings open and closed.
+        // This exercises the UpdateSettingsOpen path which must NOT wipe
+        // available_themes from the PresentationProps snapshot.
+        const saved = await page.evaluate(async () => {
+            const viewer = document.querySelector("perspective-viewer")!;
+            await viewer.getTable();
+            await viewer.restore({ theme: "Pro Dark" });
+            await viewer.restore({ settings: true });
+            await viewer.restore({ settings: false });
+            return await viewer.save();
+        });
+
+        expect(saved.theme).toBe("Pro Dark");
+        expect(saved.settings).toBe(false);
+    });
+
+    test("switching theme updates the theme attribute", async ({ page }) => {
+        const themeAttr = await page.evaluate(async () => {
+            const viewer = document.querySelector("perspective-viewer")!;
+            await viewer.getTable();
+            await viewer.restore({ theme: "Pro Dark" });
+            await viewer.restore({ theme: "Pro Light" });
+            return viewer.getAttribute("theme");
+        });
+
+        expect(themeAttr).toBe("Pro Light");
+    });
+});