[Init] Initial commit - NetMesh terminal manager

components/terminal/focusTerminalSession.test.ts

@@ -0,0 +1,172 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+
+import { focusTerminalSessionInput, hasOpenAppDialog } from "./focusTerminalSession";
+
+test("focusTerminalSessionInput focuses the xterm helper textarea immediately and after scheduled retries", () => {
+  const focusCalls: string[] = [];
+  const textarea = {
+    focus: () => focusCalls.push("focus"),
+  };
+  const pane = {
+    querySelector: (selector: string) => {
+      assert.equal(selector, "textarea.xterm-helper-textarea");
+      return textarea;
+    },
+  };
+  const queriedSelectors: string[] = [];
+  const doc = {
+    querySelector: (selector: string) => {
+      queriedSelectors.push(selector);
+      if (selector === '[role="dialog"][data-state="open"]') return null;
+      return pane;
+    },
+  };
+  const timeouts: number[] = [];
+
+  focusTerminalSessionInput("session-1", {
+    document: doc,
+    requestAnimationFrame: (callback) => {
+      callback();
+      return 1;
+    },
+    setTimeout: (callback, delay) => {
+      timeouts.push(delay);
+      callback();
+      return delay;
+    },
+  });
+
+  assert.deepEqual(queriedSelectors, [
+    '[role="dialog"][data-state="open"]',
+    '[data-session-id="session-1"]',
+    '[role="dialog"][data-state="open"]',
+    '[data-session-id="session-1"]',
+  ]);
+  assert.deepEqual(timeouts, [50]);
+  assert.deepEqual(focusCalls, ["focus", "focus"]);
+});
+
+test("hasOpenAppDialog detects open Radix dialogs", () => {
+  assert.equal(hasOpenAppDialog(null), false);
+  assert.equal(hasOpenAppDialog({ querySelector: () => null }), false);
+  assert.equal(
+    hasOpenAppDialog({
+      querySelector: (selector) => (
+        selector === '[role="dialog"][data-state="open"]' ? {} : null
+      ),
+    }),
+    true,
+  );
+});
+
+test("focusTerminalSessionInput skips textarea focus while an app dialog is open", () => {
+  const focusCalls: string[] = [];
+  const events: string[] = [];
+
+  Object.defineProperty(globalThis, "window", {
+    configurable: true,
+    value: {
+      dispatchEvent: (event: Event) => {
+        events.push((event as CustomEvent<{ sessionId: string }>).detail.sessionId);
+        return true;
+      },
+    },
+  });
+
+  try {
+    focusTerminalSessionInput("session-1", {
+      document: {
+        querySelector: (selector) => {
+          if (selector === '[role="dialog"][data-state="open"]') return {};
+          if (selector === '[data-session-id="session-1"]') {
+            return {
+              querySelector: () => ({
+                focus: () => focusCalls.push("focus"),
+              }),
+            };
+          }
+          return null;
+        },
+      },
+      requestAnimationFrame: (callback) => {
+        callback();
+        return 1;
+      },
+      setTimeout: (callback) => {
+        callback();
+        return 0;
+      },
+    });
+
+    assert.deepEqual(focusCalls, []);
+    assert.deepEqual(events, ["session-1", "session-1"]);
+  } finally {
+    Object.defineProperty(globalThis, "window", {
+      configurable: true,
+      value: undefined,
+    });
+  }
+});
+
+test("focusTerminalSessionInput dispatches a terminal restore focus event", () => {
+  const events: string[] = [];
+  const handler = (event: Event) => {
+    events.push((event as CustomEvent<{ sessionId: string }>).detail.sessionId);
+  };
+  const originalWindow = globalThis.window;
+
+  Object.defineProperty(globalThis, "window", {
+    configurable: true,
+    value: {
+      dispatchEvent: (event: Event) => {
+        handler(event);
+        return true;
+      },
+    },
+  });
+
+  try {
+    focusTerminalSessionInput("session-1", {
+      document: {
+        querySelector: (selector) => {
+          if (selector === '[role="dialog"][data-state="open"]') return null;
+          return {
+            querySelector: () => ({ focus: () => undefined }),
+          };
+        },
+      },
+      requestAnimationFrame: (callback) => {
+        callback();
+        return 1;
+      },
+      setTimeout: (callback) => {
+        callback();
+        return 0;
+      },
+    });
+
+    assert.deepEqual(events, ["session-1", "session-1"]);
+  } finally {
+    Object.defineProperty(globalThis, "window", {
+      configurable: true,
+      value: originalWindow,
+    });
+  }
+});
+
+test("focusTerminalSessionInput ignores empty or unavailable targets", () => {
+  assert.doesNotThrow(() => {
+    focusTerminalSessionInput(null, {
+      document: undefined,
+      requestAnimationFrame: (callback) => {
+        callback();
+        return 1;
+      },
+      setTimeout: (callback, delay) => {
+        callback();
+        return delay;
+      },
+    });
+  });
+});