75 lines
2.7 KiB
TypeScript
75 lines
2.7 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/);
|
||
|
|
});
|
||
|
|
|
||
|
|
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/);
|
||
|
|
});
|