[Init] Initial commit - NetMesh terminal manager

components/ProtocolSelectDialog.test.tsx

@@ -0,0 +1,74 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+import React from "react";
+import { renderToStaticMarkup } from "react-dom/server";
+import { I18nProvider } from "../application/i18n/I18nProvider";
+import type { Host } from "../types";
+import ProtocolSelectDialog from "./ProtocolSelectDialog";
+import { PROTOCOL_VISUAL_STYLES } from "./protocolVisuals";
+
+const host = (overrides: Partial<Host> = {}): Host => ({
+  id: "host-1",
+  label: "prod-db",
+  hostname: "10.2.0.31",
+  port: 22,
+  username: "root",
+  protocol: "ssh",
+  moshEnabled: true,
+  etEnabled: true,
+  telnetEnabled: true,
+  ...overrides,
+});
+
+test("protocol select dialog restores host label and shared protocol visuals", () => {
+  const markup = renderToStaticMarkup(
+    <I18nProvider locale="en">
+      <ProtocolSelectDialog
+        host={host()}
+        onSelect={() => undefined}
+        onCancel={() => undefined}
+      />
+    </I18nProvider>,
+  );
+
+  assert.match(markup, /Connect to prod-db/);
+  assert.match(markup, /10\.2\.0\.31:22/);
+  assert.match(markup, /lucide-plug/);
+  assert.match(markup, new RegExp(PROTOCOL_VISUAL_STYLES.ssh.selected.replace("/", "\\/")));
+  assert.match(markup, new RegExp(PROTOCOL_VISUAL_STYLES.mosh.idle.replace("/", "\\/")));
+  assert.match(markup, new RegExp(PROTOCOL_VISUAL_STYLES.et.idle.replace("/", "\\/")));
+  assert.match(markup, new RegExp(PROTOCOL_VISUAL_STYLES.telnet.idle.replace("/", "\\/")));
+  assert.match(markup, /lucide-shield/);
+  assert.match(markup, /lucide-radio/);
+  assert.match(markup, /lucide-link-2/);
+  assert.match(markup, /lucide-terminal/);
+});
+
+test("plugin protocol hosts default to the plugin provider when optional built-in protocols exist", () => {
+  const providerId = "com.example.transport.connection";
+  const markup = renderToStaticMarkup(
+    <I18nProvider locale="en">
+      <ProtocolSelectDialog
+        host={host({
+          protocol: `plugin:${providerId}`,
+          pluginConnection: {
+            providerId,
+            configuration: { endpoint: "opaque-target" },
+          },
+          protocols: [{ protocol: "telnet", port: 2323, enabled: true }],
+          telnetEnabled: true,
+        })}
+        onSelect={() => undefined}
+        onCancel={() => undefined}
+      />
+    </I18nProvider>,
+  );
+
+  assert.ok(markup.indexOf(providerId) < markup.indexOf(">Telnet<"));
+  assert.match(markup, new RegExp(`border-primary bg-primary/5[^>]*>[\\s\\S]*${providerId}`));
+  const providerStart = markup.lastIndexOf("<button", markup.indexOf(providerId));
+  const providerEnd = markup.indexOf("</button>", markup.indexOf(providerId));
+  assert.doesNotMatch(markup.slice(providerStart, providerEnd), /type="number"/);
+  assert.equal((markup.match(/type="number"/g) ?? []).length, 3);
+  assert.doesNotMatch(markup, /10\.2\.0\.31:22/);
+});