ContextualWisdomLab · seonghobae · Aug 20, 2026 · Aug 20, 2026 · Aug 20, 2026 · Aug 20, 2026
diff --git a/tests/browser/input-harness.html b/tests/browser/input-harness.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Inkspan input assurance harness</title>
+  </head>
+  <body>
+    <main>
+      <div id="editor"></div>
+    </main>
+    <script type="module" src="./input-harness.ts"></script>
+  </body>
+</html>
diff --git a/tests/browser/input-harness.ts b/tests/browser/input-harness.ts
@@ -0,0 +1,75 @@
+import type { Editor } from '@tiptap/core';
+import { createElement } from 'react';
+import { createRoot } from 'react-dom/client';
+import { CwlEditor } from 'inkspan-browser-under-test';
+import '../../src/styles.css';
+
+declare global {
+  interface Window {
+    inkspanInputHarness: {
+      getHtml: () => string;
+      getText: () => string;
+      isComposing: () => boolean;
+      redo: () => boolean;
+      remount: () => boolean;
+      setEditable: (editable: boolean) => boolean;
+      setHtml: (html: string) => boolean;
+      undo: () => boolean;
+    };
+  }
+}
+
+const element = document.getElementById('editor');
+if (!(element instanceof HTMLElement)) {
+  throw new Error('Input assurance harness editor host is missing.');
+}
+
+const showToolbar = new URLSearchParams(window.location.search).get('toolbar') === '1';
+let editor: Editor | null = null;
+let editable = true;
+let root = createRoot(element);
+
+const renderEditor = () => {
+  root.render(
+    createElement(CwlEditor, {
+      mode: 'html',
+      defaultValue: '',
+      editable,
+      hideToolbar: !showToolbar,
+      formFieldName: 'message_body',
+      onReady: (instance: Editor) => {
+        editor = instance;
+      },
+    }),
+  );
+};
+
+const getEditor = (): Editor => {
+  if (!editor) {
+    throw new Error('Input assurance harness editor is not ready.');
+  }
+  return editor;
+};
+
+renderEditor();
+
+window.inkspanInputHarness = Object.freeze({
+  getHtml: () => getEditor().getHTML(),
+  getText: () => getEditor().getText(),
+  isComposing: () => getEditor().view.composing,
+  redo: () => getEditor().commands.redo(),
+  remount: () => {
+    root.unmount();
+    editor = null;
+    root = createRoot(element);
+    renderEditor();
+    return true;
+  },
+  setEditable: (nextEditable: boolean) => {
+    editable = nextEditable;
+    renderEditor();
+    return editable;
+  },
+  setHtml: (html: string) => getEditor().commands.setContent(html, false),
+  undo: () => getEditor().commands.undo(),
+});
diff --git a/tests/browser/playwright.config.ts b/tests/browser/playwright.config.ts
@@ -2,7 +2,7 @@ import { defineConfig, devices } from '@playwright/test';
 
 const HARNESS_ORIGIN = 'http://127.0.0.1:4173';
 const HARNESS_URL = `${HARNESS_ORIGIN}/tests/browser/harness.html`;
-const ENGINE_BROWSER_SPECS = /(?:clipboard|focus|print)\.browser\.spec\.ts/u;
+const ENGINE_BROWSER_SPECS = /\.browser\.spec\.ts$/u;
 
 export default defineConfig({
   testDir: './specs',