@surrealdb/ui 1.2.4 → 1.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@surrealdb/ui",
-    "version": "1.2.4",
+    "version": "1.2.6",
     "type": "module",
     "sideEffects": false,
     "exports": {

package/tests/_setup/e2e-helpers.tsx

@@ -1,8 +1,8 @@
 import { EditorView } from "@codemirror/view";
-import { page, userEvent } from "@vitest/browser/context";
 import { type ComponentType, createElement, type ReactElement } from "react";
 import { createRoot, type Root } from "react-dom/client";
 import { afterEach } from "vitest";
+import { page, userEvent } from "vitest/browser";
 
 interface MountedStory {
     container: HTMLElement;

package/tests/_setup/portable-stories.ts

@@ -8,3 +8,25 @@ import * as projectAnnotations from "../../.storybook/preview";
 // vitest plugin does this for in-story `play` tests; the e2e project does it
 // here so cross-feature browser tests can mount existing stories verbatim.
 setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]);
+
+// Vitest browser mode runs every e2e file in one shared Chromium page. The
+// markdown fixtures render real anchors (`[link](https://…)`, `<Button href>`,
+// autolinks) and clicking one navigates the whole page away. That kills the
+// shared page for every following file — Vitest reports it on an unrelated file
+// as "Cannot connect to the iframe … Did you change the location or submitted a
+// form?" / "Failed to fetch dynamically imported module", which read as flaky
+// cross-file failures on CI. These tests only assert caret/selection state, not
+// real navigation, so neutralise the browser's default navigation while leaving
+// the app's own click handlers (which place the caret) untouched.
+if (typeof window !== "undefined" && !(window as { __e2eNavGuard?: boolean }).__e2eNavGuard) {
+    (window as { __e2eNavGuard?: boolean }).__e2eNavGuard = true;
+    window.addEventListener(
+        "click",
+        (event) => {
+            const anchor = (event.target as HTMLElement | null)?.closest?.("a[href]");
+            if (anchor) event.preventDefault();
+        },
+        true,
+    );
+    window.addEventListener("submit", (event) => event.preventDefault(), true);
+}

package/tests/e2e/MarkdownEditor/jsx-inline-click.test.tsx

@@ -1,8 +1,8 @@
 import { MantineProvider, Paper, v8CssVariablesResolver } from "@mantine/core";
 import { MarkdownEditor } from "@src/primitives/MarkdownEditor";
 import { MANTINE_THEME } from "@src/theme/mantine";
-import { page } from "@vitest/browser/context";
 import { describe, expect, it } from "vitest";
+import { page } from "vitest/browser";
 import { getEditorView, mountStory, nextFrame } from "../../_setup/e2e-helpers";
 
 const DOC = 'Text with <Since v="1.5.0" /> inline here.\n';