release: v0.9 — Table Features, Chart Improvements, Gauge Thresholds

app/e2e/code-completion.spec.ts

@@ -99,21 +99,38 @@ async function triggerCypherAutocomplete(
 }
 
 /**
- * Click inside the CM editor content area and type text via keyboard events.
- * After typing, re-clicks the editor to ensure focus is fully settled — the
- * neo4j-cypher editor's completion keymap requires a settled focus state that
- * keyboard.type() alone doesn't guarantee.
+ * Insert exact text into the CM editor via CM6 dispatch (bypasses closeBrackets
+ * auto-insertion that corrupts partial Cypher like "MATCH (n:" → "MATCH (n:)").
+ * After dispatch, clicks the editor to ensure focus for keyboard shortcuts.
  */
 async function typeInCmEditor(
   dialog: Locator,
   page: Page,
   text: string,
 ): Promise<void> {
-  const cm = dialog.locator("[data-testid='codemirror-container'] .cm-content");
-  await cm.click();
-  await page.keyboard.type(text, { delay: 30 });
+  const cmContainer = dialog.locator("[data-testid='codemirror-container']");
+  const cm = cmContainer.locator(".cm-content");
+
+  // Use CM6 dispatch to set exact text without closeBrackets interference
+  await cmContainer.evaluate((el: HTMLElement, t: string) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function findView(node: Element | null): any {
+      if (!node) return null;
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const tile = (node as any).cmTile;
+      return tile?.root?.view ?? tile?.view ?? null;
+    }
+    const view = findView(el.querySelector(".cm-content")) ?? findView(el.querySelector(".cm-editor"));
+    if (!view) throw new Error("CM6 view not found for typeInCmEditor");
+    view.dispatch({
+      changes: { from: 0, to: view.state.doc.length, insert: t },
+      selection: { anchor: t.length },
+    });
+  }, text);
+
   // Re-focus: the Cypher editor's CM6 completion keymap needs a settled focus
-  // state after programmatic typing. Without this, Ctrl+Space may not trigger.
+  // state after programmatic dispatch. Without this, Ctrl+Space may not trigger.
+  // eslint-disable-next-line playwright/no-wait-for-timeout
   await page.waitForTimeout(100);
   await cm.click();
 }

app/e2e/fixtures.ts

@@ -106,16 +106,19 @@
     }
 
     // Strategy 1: Use CM6's internal dispatch API (most reliable).
-    // In CM6 v6.x, each DOM node managed by the editor has a `cmTile`
-    // property (Tile instance). The `.cm-content` element's cmTile is a
-    // DocTile whose `.root.view` yields the EditorView. This mirrors the
-    // logic of the static `EditorView.findFromDOM()` method.
+    // CM6 decorates managed DOM nodes with a `cmTile` property (Tile instance).
+    // We mirror EditorView.findFromDOM(): try .cm-content first, then .cm-editor.
     const dispatched = await cmContainer.evaluate((el: HTMLElement, text: string) => {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      function findView(node: Element | null): any {
+        if (!node) return null;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const tile = (node as any).cmTile;
+        return tile?.root?.view ?? tile?.view ?? null;
+      }
       const cmContent = el.querySelector(".cm-content");
       if (!cmContent) return "no-editor";
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const tile = (cmContent as any).cmTile;
-      const view = tile?.root?.view ?? tile?.view;
+      const view = findView(cmContent) ?? findView(el.querySelector(".cm-editor"));
       if (!view) return "no-view";
       if (view.state.readOnly) return "readonly";
 
@@ -134,11 +137,14 @@
       // eslint-disable-next-line playwright/no-wait-for-timeout
       await page.waitForTimeout(300);
       const stillPresent = await cmContainer.evaluate((el: HTMLElement, text: string) => {
-        const c = el.querySelector(".cm-content");
-        if (!c) return false;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const tile = (c as any).cmTile;
-        const view = tile?.root?.view ?? tile?.view;
+        function findView(node: Element | null): any {
+          if (!node) return null;
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          const tile = (node as any).cmTile;
+          return tile?.root?.view ?? tile?.view ?? null;
+        }
+        const view = findView(el.querySelector(".cm-content")) ?? findView(el.querySelector(".cm-editor"));
         if (!view) return false;
         return view.state.doc.toString().includes(text.substring(0, 20));
       }, query);
@@ -148,8 +154,9 @@
       return;
     }
 
-    // Strategy 2: Keyboard fallback (for environments where cmView is not accessible)
-    if (dispatched === "no-view") {
+    // Strategy 2: Keyboard fallback (for environments where cmView is not accessible
+    // or when the view is temporarily readonly during initialization)
+    if (dispatched === "no-view" || dispatched === "readonly") {
       await expect(cm).toHaveAttribute("contenteditable", "true", { timeout: 2_000 });
       await cm.click();
       await page.keyboard.press("ControlOrMeta+a");
@@ -162,9 +169,9 @@
       return;
     }
 
-    // Retry-worthy states: no-editor, readonly, dispatch-failed
+    // Retry-worthy states: no-editor, dispatch-failed
     throw new Error(`CM6 dispatch returned "${dispatched}" — retrying`);
   }).toPass({ timeout: 20_000 });
 }
 
 /**
@@ -185,7 +192,7 @@
   return {
     id,
     cleanup: async () => {
       await request.delete(`/api/dashboards/${id}`);
     },
   };
 }