From 99775f1855a4d1a6e793c26ce17a7e0089e22ffd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Vojte=CC=8Cch=20Vidra?= Date: Wed, 28 Feb 2024 15:01:49 +0100 Subject: [PATCH] feat: modal overlay close and hide closes #14 --- .../tests/modal-overlay/modal-overlay.html | 14 ++++++++++ .../tests/modal-overlay/modal-overlay.spec.ts | 21 +++++++++++++++ .../e2e/tests/modal-overlay/modal-overlay.ts | 24 ++++++++++++++++++ .../tooltip-overlay/tooltip-overlay.html | 4 +-- .../tooltip-overlay/tooltip-overlay.spec.ts | 5 ++++ ...ould-match-screenshot-1-chromium-linux.png | Bin 0 -> 17100 bytes ...hould-match-screenshot-1-firefox-linux.png | Bin 0 -> 34434 bytes ...should-match-screenshot-1-webkit-linux.png | Bin 0 -> 16596 bytes workspaces/js/css/template.css | 12 +++++---- workspaces/js/src/core/render.tsx | 11 ++++++-- workspaces/js/src/core/validation.ts | 2 ++ workspaces/js/src/types/flow.ts | 10 ++++++++ 12 files changed, 94 insertions(+), 9 deletions(-) create mode 100644 workspaces/e2e/tests/modal-overlay/modal-overlay.html create mode 100644 workspaces/e2e/tests/modal-overlay/modal-overlay.spec.ts create mode 100644 workspaces/e2e/tests/modal-overlay/modal-overlay.ts create mode 100644 workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts-snapshots/should-match-screenshot-1-chromium-linux.png create mode 100644 workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts-snapshots/should-match-screenshot-1-firefox-linux.png create mode 100644 workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts-snapshots/should-match-screenshot-1-webkit-linux.png diff --git a/workspaces/e2e/tests/modal-overlay/modal-overlay.html b/workspaces/e2e/tests/modal-overlay/modal-overlay.html new file mode 100644 index 0000000..453f5a0 --- /dev/null +++ b/workspaces/e2e/tests/modal-overlay/modal-overlay.html @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/workspaces/e2e/tests/modal-overlay/modal-overlay.spec.ts b/workspaces/e2e/tests/modal-overlay/modal-overlay.spec.ts new file mode 100644 index 0000000..0246522 --- /dev/null +++ b/workspaces/e2e/tests/modal-overlay/modal-overlay.spec.ts @@ -0,0 +1,21 @@ +import { expect, test } from "@playwright/test"; + +test("should show overlay without close on click by default", async ({ page }) => { + await page.goto("/modal-overlay/modal-overlay.html"); + await expect(page.locator(".flows-modal")).toBeVisible(); + await page.locator(".flows-modal-overlay").click({ position: { x: 100, y: 100 } }); + await expect(page.locator(".flows-modal")).toBeVisible(); +}); + +test("should close overlay on click", async ({ page }) => { + await page.goto("/modal-overlay/modal-overlay.html?closeOnOverlayClick=true"); + await expect(page.locator(".flows-modal")).toBeVisible(); + await page.locator(".flows-modal-overlay").click({ position: { x: 100, y: 100 } }); + await expect(page.locator(".flows-modal")).toBeHidden(); +}); + +test("should hide overlay", async ({ page }) => { + await page.goto("/modal-overlay/modal-overlay.html?hideOverlay=true"); + await expect(page.locator(".flows-modal")).toBeVisible(); + await expect(page.locator(".flows-modal-overlay")).toBeHidden(); +}); diff --git a/workspaces/e2e/tests/modal-overlay/modal-overlay.ts b/workspaces/e2e/tests/modal-overlay/modal-overlay.ts new file mode 100644 index 0000000..4707fb5 --- /dev/null +++ b/workspaces/e2e/tests/modal-overlay/modal-overlay.ts @@ -0,0 +1,24 @@ +import { init } from "@flows/js/core"; + +const closeOnOverlayClick = + new URLSearchParams(window.location.search).get("closeOnOverlayClick") === "true"; +const hideOverlay = new URLSearchParams(window.location.search).get("hideOverlay") === "true"; + +init({ + flows: [ + { + id: "flow", + location: "/", + steps: [ + { + title: "Hello", + body: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.", + hideOverlay, + closeOnOverlayClick, + }, + ], + }, + ], +}); + +document.querySelector("button")?.addEventListener("click", () => console.log("Hello!")); diff --git a/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.html b/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.html index e2584de..d3e8224 100644 --- a/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.html +++ b/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.html @@ -11,8 +11,8 @@

Tooltip overlay

-
- +
+
diff --git a/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts b/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts index a966ffb..160fad5 100644 --- a/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts +++ b/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts @@ -15,3 +15,8 @@ test("should close overlay on click", async ({ page }) => { await page.locator(".flows-tooltip-overlay-click-layer").click(); await expect(page.locator(".flows-tooltip")).not.toBeVisible(); }); + +test("should match screenshot", async ({ page }) => { + await page.goto("/tooltip-overlay/tooltip-overlay.html"); + await expect(page).toHaveScreenshot({ scale: "css" }); +}); diff --git a/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts-snapshots/should-match-screenshot-1-chromium-linux.png b/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts-snapshots/should-match-screenshot-1-chromium-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..309e5e91e7080309573cd41313acbc09e8d73d81 GIT binary patch literal 17100 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 literal 0 HcmV?d00001 diff --git a/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts-snapshots/should-match-screenshot-1-firefox-linux.png b/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts-snapshots/should-match-screenshot-1-firefox-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..244474f624a3dc8e21ace948ed13691ed597901b GIT binary patch literal 34434 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 LtDnm{r-UW|3w$UO literal 0 HcmV?d00001 diff --git a/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts-snapshots/should-match-screenshot-1-webkit-linux.png b/workspaces/e2e/tests/tooltip-overlay/tooltip-overlay.spec.ts-snapshots/should-match-screenshot-1-webkit-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..257aefd8c7bc22cb87f6062c5e502e1b5bd86c81 GIT binary patch literal 16596 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 a#qd_TC?B6VX$=oYAhq ); root.appendChild(overlayClickLayer); @@ -252,7 +252,7 @@ const renderModal = ({ state: FlowState; }): void => { const modal = ( -
+
{getStepHeader({ step })} {step.body && ( @@ -262,6 +262,13 @@ const renderModal = ({
); + if (!step.hideOverlay) { + root.appendChild( +
, + ); + } root.appendChild(modal); }; diff --git a/workspaces/js/src/core/validation.ts b/workspaces/js/src/core/validation.ts index ea42f31..a2142c1 100644 --- a/workspaces/js/src/core/validation.ts +++ b/workspaces/js/src/core/validation.ts @@ -108,6 +108,8 @@ const TooltipStepStruct: Describe = object({ const ModalStepStruct: Describe = object({ title: string(), body: optional(string()), + hideOverlay: optional(boolean()), + closeOnOverlayClick: optional(boolean()), stepId: optional(string()), hideClose: optional(boolean()), hidePrev: optional(boolean()), diff --git a/workspaces/js/src/types/flow.ts b/workspaces/js/src/types/flow.ts index 3a654a7..56af769 100644 --- a/workspaces/js/src/types/flow.ts +++ b/workspaces/js/src/types/flow.ts @@ -132,6 +132,16 @@ export interface FlowModalStep extends CommonStepProps { * Body of the modal. Supports HTML. */ body?: string; + /** + * Hides modal overlay backdrop and makes rest . + * @defaultValue `false` + */ + hideOverlay?: boolean; + /** + * Cancel the flow when the overlay is clicked. + * @defaultValue `false` + */ + closeOnOverlayClick?: boolean; /** * Hide the close button. Without the close button the user will not be able to close the tooltip. */