Files
Netcatty/components/ProtocolSelectDialog.test.tsx
T
陈大猫 2e24b28dea polish quick connect protocol picker presentation (#2377)
* polish quick connect protocol picker presentation

* simplify plug header icon without background

* align protocol and credential section title styles

* increase section title spacing above controls

* loosen credential section spacing further

* restore connect header context and share protocol visuals
2026-07-22 00:41:32 +08:00

46 lines
1.6 KiB
TypeScript

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/);
});