|
| 1 | +// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓ |
| 2 | +// ┃ ██████ ██████ ██████ █ █ █ █ █ █▄ ▀███ █ ┃ |
| 3 | +// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█ ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄ ▀█ █ ▀▀▀▀▀ ┃ |
| 4 | +// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄ █ ▄▄▄▄▄ ┃ |
| 5 | +// ┃ █ ██████ █ ▀█▄ █ ██████ █ ███▌▐███ ███████▄ █ ┃ |
| 6 | +// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫ |
| 7 | +// ┃ Copyright (c) 2017, the Perspective Authors. ┃ |
| 8 | +// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃ |
| 9 | +// ┃ This file is part of the Perspective library, distributed under the terms ┃ |
| 10 | +// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃ |
| 11 | +// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ |
| 12 | + |
| 13 | +import { test, expect } from "@finos/perspective-test"; |
| 14 | + |
| 15 | +test.describe("browser focus", async () => { |
| 16 | + test.beforeEach(async function init({ page }) { |
| 17 | + await page.goto( |
| 18 | + "/node_modules/@finos/perspective-viewer/test/html/superstore_with_input.html" |
| 19 | + ); |
| 20 | + |
| 21 | + await page.evaluate(async () => { |
| 22 | + while (!window["__TEST_PERSPECTIVE_READY__"]) { |
| 23 | + await new Promise((x) => setTimeout(x, 10)); |
| 24 | + } |
| 25 | + }); |
| 26 | + |
| 27 | + await page.evaluate(async () => { |
| 28 | + await document.querySelector("perspective-viewer").restore({ |
| 29 | + plugin: "Debug", |
| 30 | + }); |
| 31 | + }); |
| 32 | + }); |
| 33 | + |
| 34 | + test("Focus is not lost on external widgets when a restore call takes place", async ({ |
| 35 | + page, |
| 36 | + }) => { |
| 37 | + const viewer = page.locator("perspective-viewer"); |
| 38 | + const tagName = await viewer.evaluate(async (viewer) => { |
| 39 | + const input = document.querySelector("input"); |
| 40 | + input.focus(); |
| 41 | + await viewer.restore({ group_by: ["State"] }); |
| 42 | + return document.activeElement.tagName; |
| 43 | + }); |
| 44 | + |
| 45 | + expect(tagName).toEqual("INPUT"); |
| 46 | + }); |
| 47 | + |
| 48 | + test("Focus is list when a perspective dropdown is active", async ({ |
| 49 | + page, |
| 50 | + }) => { |
| 51 | + const viewer = page.locator("perspective-viewer"); |
| 52 | + const split_by = page.locator("#split_by input"); |
| 53 | + |
| 54 | + await viewer.evaluate(async (viewer) => { |
| 55 | + await viewer.restore({ settings: true }); |
| 56 | + }); |
| 57 | + |
| 58 | + await split_by.evaluate(async (split_by) => { |
| 59 | + split_by.focus(); |
| 60 | + split_by.value = "V"; |
| 61 | + const event = new Event("input", { |
| 62 | + bubbles: true, |
| 63 | + cancelable: true, |
| 64 | + }); |
| 65 | + |
| 66 | + split_by.dispatchEvent(event); |
| 67 | + }); |
| 68 | + |
| 69 | + const tagName = await viewer.evaluate(async (viewer) => { |
| 70 | + await viewer.restore({ group_by: ["State"] }); |
| 71 | + return document.activeElement.tagName; |
| 72 | + }); |
| 73 | + |
| 74 | + expect(tagName).toEqual("BODY"); |
| 75 | + }); |
| 76 | +}); |
0 commit comments