mirror of
https://github.com/binaricat/Netcatty.git
synced 2026-10-09 15:58:34 +00:00
205f266441
* Fix delete dialog overflow * Cover group delete dialog overflow
60 lines
3.1 KiB
TypeScript
60 lines
3.1 KiB
TypeScript
import assert from "node:assert/strict";
|
|
import { readFileSync } from "node:fs";
|
|
import { join } from "node:path";
|
|
import { fileURLToPath } from "node:url";
|
|
import test from "node:test";
|
|
|
|
const root = fileURLToPath(new URL("..", import.meta.url));
|
|
|
|
function readProjectFile(path: string): string {
|
|
return readFileSync(join(root, path), "utf8");
|
|
}
|
|
|
|
function functionBody(source: string, functionName: string): string {
|
|
const start = source.indexOf(`const ${functionName} = useCallback`);
|
|
assert.notEqual(start, -1, `${functionName} should exist`);
|
|
|
|
const nextConst = source.indexOf("\n const ", start + 1);
|
|
const nextHook = source.indexOf("\n use", start + 1);
|
|
const candidates = [nextConst, nextHook].filter((index) => index > start);
|
|
const end = candidates.length > 0 ? Math.min(...candidates) : source.length;
|
|
return source.slice(start, end);
|
|
}
|
|
|
|
test("host and AI provider deletion use in-app confirmation dialogs", () => {
|
|
const appSource = readProjectFile("App.tsx");
|
|
const aiSettingsSource = readProjectFile("components/settings/tabs/SettingsAITab.tsx");
|
|
|
|
assert.match(appSource, /import \{ ConfirmDialog \} from '\.\/components\/ui\/confirm-dialog';/);
|
|
assert.match(appSource, /<ConfirmDialog[\s\S]*confirm\.deleteHost/);
|
|
assert.doesNotMatch(functionBody(appSource, "handleDeleteHost"), /window\.confirm|globalThis\.confirm|\bconfirm\(/);
|
|
|
|
assert.match(aiSettingsSource, /import \{ ConfirmDialog \} from "\.\.\/\.\.\/ui\/confirm-dialog";/);
|
|
assert.match(aiSettingsSource, /<ConfirmDialog[\s\S]*confirm\.removeProvider/);
|
|
assert.doesNotMatch(functionBody(aiSettingsSource, "handleRemoveProvider"), /window\.confirm|globalThis\.confirm|\bconfirm\(/);
|
|
});
|
|
|
|
test("delete confirmation dialogs constrain long names", () => {
|
|
const confirmDialogSource = readProjectFile("components/ui/confirm-dialog.tsx");
|
|
const vaultDeleteDialogSource = readProjectFile("components/vault/VaultDeleteConfirmDialog.tsx");
|
|
const sftpDialogSource = readProjectFile("components/sftp/SftpPaneDialogs.tsx");
|
|
const hostTreeGroupDeleteSource = readProjectFile("components/host/HostTreeGroupDeleteDialog.tsx");
|
|
const vaultViewLayoutSource = readProjectFile("components/vault/VaultViewLayout.tsx");
|
|
|
|
assert.match(confirmDialogSource, /DialogTitle className="truncate"/);
|
|
assert.match(confirmDialogSource, /overflow-hidden sm:max-w-\[380px\]/);
|
|
|
|
assert.match(vaultDeleteDialogSource, /<span className="min-w-0 truncate">\{title\}<\/span>/);
|
|
assert.match(vaultDeleteDialogSource, /overflow-hidden sm:max-w-\[400px\]/);
|
|
|
|
assert.match(sftpDialogSource, /<DialogTitle className="truncate">/);
|
|
assert.match(sftpDialogSource, /<span className="min-w-0 truncate">\{name\}<\/span>/);
|
|
assert.match(sftpDialogSource, /overflow-hidden sm:max-w-sm/);
|
|
|
|
assert.match(hostTreeGroupDeleteSource, /overflow-hidden sm:max-w-lg/);
|
|
assert.match(hostTreeGroupDeleteSource, /break-words text-sm text-muted-foreground \[overflow-wrap:anywhere\]/);
|
|
|
|
assert.match(vaultViewLayoutSource, /overflow-hidden sm:max-w-lg/);
|
|
assert.match(vaultViewLayoutSource, /break-words text-sm text-muted-foreground \[overflow-wrap:anywhere\]/);
|
|
});
|