feat: deliver the redesigned desktop workspace
Rebuild downloads, link collection, settings, history, and statistics around a responsive desktop shell with compact account and queue tables, contextual navigation, persistent update affordances, unified overlays, and accessible keyboard interactions. Add safe history-folder reveal IPC, responsive 2560/1920/1366/1120 coverage, deterministic visual fixtures, focused component regressions, and release-tree exclusions for internal working files. Bump the public application version to 2.0.13.
This commit is contained in:
Sucukdeluxe
@@ -0,0 +1,632 @@
|
||||
import { readFileSync } from "node:fs";
|
||||
import { isValidElement, type ReactElement, type ReactNode } from "react";
|
||||
import { renderToStaticMarkup } from "react-dom/server";
|
||||
import { describe, expect, it } from "vitest";
|
||||
import { defaultSettings } from "../src/main/constants";
|
||||
import {
|
||||
applyAccountEdit,
|
||||
createAccountEditState,
|
||||
type AccountEditTarget
|
||||
} from "../src/renderer/account-edit";
|
||||
import {
|
||||
buildBulkAccountEnabledState,
|
||||
buildConfiguredProviderOrder
|
||||
} from "../src/renderer/account-ui";
|
||||
import { getDebridLinkApiKeyId } from "../src/shared/debrid-link-keys";
|
||||
import { getMegaDebridAccountId } from "../src/shared/mega-debrid-accounts";
|
||||
import {
|
||||
ACCOUNT_COLUMNS,
|
||||
SETTINGS_SECTIONS,
|
||||
buildAccountRowId,
|
||||
buildTargetedAccountCheck,
|
||||
filterAccountAddOptions,
|
||||
getSettingsSaveLabel,
|
||||
projectAccountRows,
|
||||
pruneAccountSelection,
|
||||
reconcileAccountAddDraft,
|
||||
sortAccountRows,
|
||||
type AccountAddOption,
|
||||
type AccountRowSource,
|
||||
type SettingsFormViewModel
|
||||
} from "../src/renderer/views/settings/settings-model";
|
||||
import {
|
||||
AccountAddDialog,
|
||||
AccountEditDialog,
|
||||
AccountWorkspace,
|
||||
type AccountWorkspaceActions,
|
||||
type AccountWorkspaceViewModel
|
||||
} from "../src/renderer/views/settings/AccountWorkspace";
|
||||
import { SettingsForm } from "../src/renderer/views/settings/SettingsForm";
|
||||
import {
|
||||
SettingsContent,
|
||||
SettingsSidebar,
|
||||
SettingsView,
|
||||
type SettingsViewActions,
|
||||
type SettingsViewModel
|
||||
} from "../src/renderer/views/settings/SettingsView";
|
||||
|
||||
const GIB = 1024 * 1024 * 1024;
|
||||
const NOW = 1_700_000_000_000;
|
||||
const appSource = readFileSync(new URL("../src/renderer/App.tsx", import.meta.url), "utf8");
|
||||
const accountWorkspaceSource = readFileSync(
|
||||
new URL("../src/renderer/views/settings/AccountWorkspace.tsx", import.meta.url),
|
||||
"utf8"
|
||||
);
|
||||
|
||||
function sourceBlock(source: string, start: string, end: string): string {
|
||||
return source.slice(source.indexOf(start), source.indexOf(end, source.indexOf(start)));
|
||||
}
|
||||
|
||||
function visitElements(node: ReactNode, visit: (element: ReactElement) => void): void {
|
||||
if (Array.isArray(node)) {
|
||||
node.forEach((child) => visitElements(child, visit));
|
||||
return;
|
||||
}
|
||||
if (!isValidElement(node)) {
|
||||
return;
|
||||
}
|
||||
visit(node);
|
||||
visitElements(node.props.children, visit);
|
||||
visitElements(node.props.actions, visit);
|
||||
}
|
||||
|
||||
function findElement(node: ReactNode, predicate: (element: ReactElement) => boolean): ReactElement {
|
||||
let result: ReactElement | null = null;
|
||||
visitElements(node, (element) => {
|
||||
if (!result && predicate(element)) {
|
||||
result = element;
|
||||
}
|
||||
});
|
||||
if (!result) {
|
||||
throw new Error("Element not found");
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
function count(haystack: string, needle: string): number {
|
||||
return haystack.split(needle).length - 1;
|
||||
}
|
||||
|
||||
function accountSources(): AccountRowSource[] {
|
||||
return [
|
||||
{
|
||||
identityId: "mega-premium",
|
||||
service: "megadebrid-api",
|
||||
hoster: "Mega-Debrid",
|
||||
mode: "API",
|
||||
icon: "./provider-icons/mega-debrid.png",
|
||||
enabled: true,
|
||||
status: {
|
||||
state: "premium",
|
||||
message: "Premium aktiv",
|
||||
premiumUntilMs: NOW + 7 * 24 * 60 * 60 * 1000,
|
||||
email: "verified@example.test"
|
||||
},
|
||||
dailyLimitBytes: 10 * GIB,
|
||||
dailyUsageBytes: 4 * GIB,
|
||||
username: "stored@example.test",
|
||||
credentialKind: "password",
|
||||
canCheck: true
|
||||
},
|
||||
{
|
||||
identityId: "debrid-free",
|
||||
service: "debridlink",
|
||||
hoster: "Debrid-Link",
|
||||
mode: "API-Key",
|
||||
icon: "./provider-icons/debrid-link.ico",
|
||||
enabled: true,
|
||||
status: { state: "free", message: "Free Account", premiumUntilMs: null },
|
||||
dailyLimitBytes: 0,
|
||||
dailyUsageBytes: 0,
|
||||
username: "free-user",
|
||||
credentialKind: "api-key",
|
||||
canCheck: true
|
||||
},
|
||||
{
|
||||
identityId: "invalid",
|
||||
service: "ddownload",
|
||||
hoster: "DDownload",
|
||||
mode: "Login",
|
||||
icon: "./provider-icons/ddownload.ico",
|
||||
enabled: true,
|
||||
status: { state: "invalid", message: "Login abgelehnt", premiumUntilMs: null },
|
||||
username: "invalid@example.test",
|
||||
credentialKind: "password",
|
||||
canCheck: false
|
||||
},
|
||||
{
|
||||
identityId: "unknown",
|
||||
service: "onefichier",
|
||||
hoster: "1Fichier",
|
||||
mode: "API",
|
||||
icon: "./provider-icons/onefichier.png",
|
||||
enabled: true,
|
||||
status: { state: "unchecked", message: "", premiumUntilMs: null },
|
||||
username: "—",
|
||||
credentialKind: "api-key",
|
||||
canCheck: false
|
||||
},
|
||||
{
|
||||
identityId: "disabled",
|
||||
service: "linksnappy",
|
||||
hoster: "LinkSnappy",
|
||||
mode: "Web-Login",
|
||||
icon: "./provider-icons/linksnappy.png",
|
||||
enabled: false,
|
||||
status: { state: "disabled", message: "", premiumUntilMs: null },
|
||||
username: "disabled@example.test",
|
||||
credentialKind: "password",
|
||||
canCheck: false
|
||||
}
|
||||
];
|
||||
}
|
||||
|
||||
function accountOptions(): AccountAddOption[] {
|
||||
return [
|
||||
{
|
||||
id: "realdebrid-api",
|
||||
service: "realdebrid",
|
||||
title: "Real-Debrid",
|
||||
mode: "API",
|
||||
description: "API-Token verwenden",
|
||||
functionLabel: "API-Token",
|
||||
filter: "api",
|
||||
multi: false
|
||||
},
|
||||
{
|
||||
id: "ddownload-login",
|
||||
service: "ddownload",
|
||||
title: "DDownload",
|
||||
mode: "Login",
|
||||
description: "Login und Passwort",
|
||||
functionLabel: "Login:Passwort",
|
||||
filter: "web",
|
||||
multi: false
|
||||
},
|
||||
{
|
||||
id: "megadebrid-api",
|
||||
service: "megadebrid-api",
|
||||
title: "Mega-Debrid",
|
||||
mode: "API",
|
||||
description: "Weiteren Account hinzufügen",
|
||||
functionLabel: "Login:Passwort",
|
||||
filter: "api",
|
||||
multi: true
|
||||
},
|
||||
{
|
||||
id: "debridlink-api",
|
||||
service: "debridlink",
|
||||
title: "Debrid-Link",
|
||||
mode: "API",
|
||||
description: "Weiteren API-Key hinzufügen",
|
||||
functionLabel: "API-Key",
|
||||
filter: "api",
|
||||
multi: true
|
||||
}
|
||||
];
|
||||
}
|
||||
|
||||
function formModel(): SettingsFormViewModel {
|
||||
return {
|
||||
title: "Allgemein",
|
||||
description: "Grundeinstellungen der Anwendung.",
|
||||
groups: [
|
||||
{
|
||||
id: "appearance",
|
||||
title: "Darstellung",
|
||||
fields: [
|
||||
{
|
||||
id: "downloadDir",
|
||||
kind: "path",
|
||||
label: "Download-Ordner",
|
||||
value: "C:\\Downloads",
|
||||
help: "Zielordner für Downloads."
|
||||
},
|
||||
{
|
||||
id: "theme",
|
||||
kind: "theme",
|
||||
label: "Theme",
|
||||
value: "dark",
|
||||
options: [
|
||||
{ value: "light", label: "Light" },
|
||||
{ value: "dark", label: "Dark" },
|
||||
{ value: "system", label: "System" }
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "autoUpdate",
|
||||
kind: "switch",
|
||||
label: "Automatisch nach Updates suchen",
|
||||
value: true
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
}
|
||||
|
||||
function workspaceModel(): AccountWorkspaceViewModel {
|
||||
return {
|
||||
activePanel: "overview",
|
||||
rows: projectAccountRows(accountSources(), [buildAccountRowId("megadebrid-api", "API", "mega-premium")], NOW),
|
||||
selectedIds: [buildAccountRowId("megadebrid-api", "API", "mega-premium")],
|
||||
busy: false,
|
||||
rules: {
|
||||
providerOrder: ["Debrid-Link", "Real-Debrid"],
|
||||
routing: ["rapidgator.net → Debrid-Link"],
|
||||
autoFallback: true
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
function workspaceActions(overrides: Partial<AccountWorkspaceActions> = {}): AccountWorkspaceActions {
|
||||
return {
|
||||
onPanelChange: () => {},
|
||||
onSelect: () => {},
|
||||
onToggleEnabled: () => {},
|
||||
onEdit: () => {},
|
||||
onContextMenu: () => {},
|
||||
onAdd: () => {},
|
||||
onRemoveSelected: () => {},
|
||||
onCheckAll: () => {},
|
||||
...overrides
|
||||
};
|
||||
}
|
||||
|
||||
function viewModel(saveState: SettingsViewModel["saveState"] = "clean"): SettingsViewModel {
|
||||
return {
|
||||
section: "accounts",
|
||||
saveState,
|
||||
form: formModel(),
|
||||
accounts: workspaceModel()
|
||||
};
|
||||
}
|
||||
|
||||
function viewActions(): SettingsViewActions {
|
||||
return {
|
||||
onSectionChange: () => {},
|
||||
onSave: () => {},
|
||||
form: { onChange: () => {}, onAction: () => {} },
|
||||
accounts: workspaceActions()
|
||||
};
|
||||
}
|
||||
|
||||
describe("settings model", () => {
|
||||
it("keeps six stable sections and accessible save-state labels", () => {
|
||||
expect(SETTINGS_SECTIONS).toEqual([
|
||||
{ id: "allgemein", label: "Allgemein" },
|
||||
{ id: "accounts", label: "Accounts" },
|
||||
{ id: "extract", label: "Entpacken" },
|
||||
{ id: "speed", label: "Geschwindigkeit" },
|
||||
{ id: "cleanup", label: "Bereinigung" },
|
||||
{ id: "updates", label: "Updates" }
|
||||
]);
|
||||
expect(["clean", "dirty", "saving", "saved", "error"].map((state) => getSettingsSaveLabel(state as never)))
|
||||
.toEqual(["Gespeichert", "Ungespeicherte Änderungen", "Wird gespeichert…", "Gespeichert", "Speichern fehlgeschlagen"]);
|
||||
});
|
||||
|
||||
it("projects stable sanitized rows with full verified usernames and distinct states", () => {
|
||||
const rows = projectAccountRows(accountSources(), [], NOW);
|
||||
|
||||
expect(rows.map((row) => row.id)).toEqual(accountSources().map((source) => buildAccountRowId(source.service, source.mode, source.identityId)));
|
||||
expect(rows[0].username).toBe("verified@example.test");
|
||||
expect(rows[0].credential).toBe("••••••");
|
||||
expect(rows[1].credential).toBe("API-Key");
|
||||
expect(rows.map((row) => row.status.tone)).toEqual(["ok", "free", "invalid", "unknown", "disabled"]);
|
||||
expect(rows.map((row) => row.status.text)).toEqual([
|
||||
"Premium aktiv",
|
||||
"Free Account",
|
||||
"Login abgelehnt",
|
||||
"Noch nicht geprüft",
|
||||
"Deaktiviert"
|
||||
]);
|
||||
expect(JSON.stringify(rows)).not.toContain("test-password");
|
||||
expect(JSON.stringify(rows)).not.toContain("test-token");
|
||||
});
|
||||
|
||||
it("sorts positive premium expirations first and prunes vanished selections", () => {
|
||||
const rows = projectAccountRows(accountSources(), [], NOW);
|
||||
const sorted = sortAccountRows(rows);
|
||||
|
||||
expect(sorted[0].status.tone).toBe("ok");
|
||||
expect(pruneAccountSelection([rows[0].id, "missing"], rows)).toEqual([rows[0].id]);
|
||||
});
|
||||
|
||||
it("filters add options honestly and clears hidden credentials", () => {
|
||||
const options = accountOptions();
|
||||
expect(filterAccountAddOptions(options, "", "web", []) .map((option) => option.id)).toEqual(["ddownload-login"]);
|
||||
expect(filterAccountAddOptions(options, "api-key", "all", ["realdebrid"]).map((option) => option.id)).toEqual(["debridlink-api"]);
|
||||
expect(filterAccountAddOptions(options, "", "all", ["realdebrid"]).map((option) => option.id)).not.toContain("realdebrid-api");
|
||||
expect(filterAccountAddOptions(options, "", "all", ["realdebrid"]).map((option) => option.id)).toContain("megadebrid-api");
|
||||
|
||||
expect(reconcileAccountAddDraft({
|
||||
selectedId: "realdebrid-api",
|
||||
login: "member@example.test",
|
||||
password: "test-password",
|
||||
token: "test-token",
|
||||
dailyLimitGb: "10"
|
||||
}, [options[1]])).toEqual({ selectedId: null, login: "", password: "", token: "", dailyLimitGb: "" });
|
||||
});
|
||||
|
||||
it("targets new Mega and Debrid-Link identities without inventing checks for other services", () => {
|
||||
const options = accountOptions();
|
||||
expect(buildTargetedAccountCheck(options[2], "mda-new")).toEqual({ service: "megadebrid-api", expectedStatusId: "mda-new" });
|
||||
expect(buildTargetedAccountCheck(options[3], "dlk-new")).toEqual({ service: "debridlink", expectedStatusId: "dlk-new" });
|
||||
expect(buildTargetedAccountCheck(options[1], "ddownload-new")).toBeNull();
|
||||
});
|
||||
|
||||
it("preserves provider order and deduplicates bulk account identities", () => {
|
||||
expect(buildConfiguredProviderOrder(
|
||||
["debridlink", "realdebrid", "alldebrid"],
|
||||
["realdebrid", "alldebrid", "debridlink", "bestdebrid"]
|
||||
)).toEqual(["debridlink", "realdebrid", "alldebrid", "bestdebrid"]);
|
||||
expect(buildBulkAccountEnabledState(
|
||||
["alldebrid"],
|
||||
["megadebrid-api", "alldebrid"],
|
||||
["mega-1", "mega-1"],
|
||||
["dl-1", "dl-1"],
|
||||
false
|
||||
)).toEqual({
|
||||
disabledProviders: ["alldebrid", "megadebrid-api"],
|
||||
megaDebridDisabledAccountIds: ["mega-1"],
|
||||
debridLinkDisabledKeyIds: ["dl-1"]
|
||||
});
|
||||
});
|
||||
|
||||
it("keeps exact rounded limits and migrates edited identity metadata", () => {
|
||||
const login = "member@example.test";
|
||||
const oldId = getMegaDebridAccountId(login);
|
||||
const newLogin = "renamed@example.test";
|
||||
const newId = getMegaDebridAccountId(newLogin);
|
||||
const exactLimit = Math.floor(10.05 * GIB);
|
||||
const settings = {
|
||||
...defaultSettings(),
|
||||
megaCredentials: `${login}:test-password`,
|
||||
megaLogin: login,
|
||||
megaPassword: "test-password",
|
||||
megaDebridDisabledAccountIds: [oldId],
|
||||
megaDebridAccountDailyLimitBytes: { [oldId]: exactLimit },
|
||||
megaDebridAccountDailyUsageBytes: { [oldId]: 2 * GIB },
|
||||
megaDebridAccountTotalUsageBytes: { [oldId]: 20 * GIB }
|
||||
};
|
||||
const target: AccountEditTarget = {
|
||||
type: "mega",
|
||||
rowKey: "row",
|
||||
kind: "megadebrid-api",
|
||||
service: "megadebrid-api",
|
||||
accountId: oldId
|
||||
};
|
||||
const unchanged = applyAccountEdit(settings, createAccountEditState(target, settings));
|
||||
const renamed = applyAccountEdit(settings, {
|
||||
...createAccountEditState(target, settings),
|
||||
login: newLogin
|
||||
});
|
||||
|
||||
expect(unchanged.megaDebridAccountDailyLimitBytes[oldId]).toBe(exactLimit);
|
||||
expect(renamed.megaDebridDisabledAccountIds).toEqual([newId]);
|
||||
expect(renamed.megaDebridAccountDailyLimitBytes[newId]).toBe(exactLimit);
|
||||
expect(renamed.megaDebridAccountDailyUsageBytes[newId]).toBeUndefined();
|
||||
expect(renamed.megaDebridAccountTotalUsageBytes[newId]).toBeUndefined();
|
||||
});
|
||||
});
|
||||
|
||||
describe("settings views", () => {
|
||||
it("renders one real sidebar marker and all sections", () => {
|
||||
const html = renderToStaticMarkup(<SettingsSidebar actions={viewActions()} model={viewModel()} />);
|
||||
expect(count(html, "data-visual-region=\"settings-sidebar\"")).toBe(1);
|
||||
for (const section of SETTINGS_SECTIONS) {
|
||||
expect(html).toContain(section.label);
|
||||
}
|
||||
expect(html).toContain("aria-current=\"page\"");
|
||||
});
|
||||
|
||||
it("shows every save state without a generic toolbar, pagination or info control", () => {
|
||||
for (const saveState of ["clean", "dirty", "saving", "saved", "error"] as const) {
|
||||
const html = renderToStaticMarkup(<SettingsContent actions={viewActions()} model={viewModel(saveState)} />);
|
||||
expect(html).toContain(getSettingsSaveLabel(saveState));
|
||||
expect(html).toContain("Einstellungen speichern");
|
||||
expect(html).not.toContain("role=\"toolbar\"");
|
||||
expect(html).not.toContain("table-pagination");
|
||||
expect(html).not.toContain("ui-context-info");
|
||||
}
|
||||
});
|
||||
|
||||
it("renders the sidebar and content once in the complete view", () => {
|
||||
const html = renderToStaticMarkup(<SettingsView actions={viewActions()} model={viewModel()} />);
|
||||
expect(count(html, "data-visual-region=\"settings-sidebar\"")).toBe(1);
|
||||
expect(count(html, "data-visual-region=\"accounts-table-body\"")).toBe(1);
|
||||
});
|
||||
|
||||
it("renders form controls, theme choices and switches through bounded callbacks", () => {
|
||||
let changed = "";
|
||||
const form = SettingsForm({
|
||||
model: formModel(),
|
||||
actions: {
|
||||
onChange: (id) => { changed = id; },
|
||||
onAction: () => {}
|
||||
}
|
||||
});
|
||||
const html = renderToStaticMarkup(form);
|
||||
|
||||
expect(html).toContain("Light");
|
||||
expect(html).toContain("Dark");
|
||||
expect(html).toContain("System");
|
||||
expect(html).toContain("role=\"switch\"");
|
||||
const switchButton = findElement(form, (element) => element.props.role === "switch");
|
||||
switchButton.props.onClick();
|
||||
expect(changed).toBe("autoUpdate");
|
||||
});
|
||||
});
|
||||
|
||||
describe("account workspace", () => {
|
||||
it("renders the exact columns, one table marker, full usernames and no raw credentials", () => {
|
||||
const html = renderToStaticMarkup(<AccountWorkspace actions={workspaceActions()} model={workspaceModel()} />);
|
||||
const positions = ACCOUNT_COLUMNS.map((column) => html.indexOf(column));
|
||||
|
||||
expect(positions.every((position) => position >= 0)).toBe(true);
|
||||
expect(positions).toEqual([...positions].sort((a, b) => a - b));
|
||||
expect(count(html, "data-visual-region=\"accounts-table-body\"")).toBe(1);
|
||||
expect(html).toContain("verified@example.test");
|
||||
expect(html).not.toContain("ve***st");
|
||||
expect(html).toContain("••••••");
|
||||
expect(html).not.toContain("test-password");
|
||||
expect(html).not.toContain("test-token");
|
||||
expect(html).not.toContain("table-pagination");
|
||||
expect(html).not.toContain("role=\"toolbar\"");
|
||||
});
|
||||
|
||||
it("keeps row selection, enable toggles, edit and context actions separate", () => {
|
||||
const calls: string[] = [];
|
||||
const tree = AccountWorkspace({
|
||||
model: workspaceModel(),
|
||||
actions: workspaceActions({
|
||||
onSelect: (id) => calls.push(`select:${id}`),
|
||||
onToggleEnabled: (id) => calls.push(`toggle:${id}`),
|
||||
onEdit: (id) => calls.push(`edit:${id}`),
|
||||
onContextMenu: (id) => calls.push(`context:${id}`)
|
||||
})
|
||||
});
|
||||
const row = findElement(tree, (element) => element.props.role === "row" && element.props["aria-selected"] === true);
|
||||
const checkbox = findElement(row, (element) => element.type === "input" && element.props.type === "checkbox");
|
||||
const actionButton = findElement(row, (element) => element.type === "button" && String(element.props["aria-label"] || "").includes("Aktionen"));
|
||||
const rowId = workspaceModel().rows[0].id;
|
||||
|
||||
row.props.onClick({ target: { role: "cell" }, currentTarget: row });
|
||||
row.props.onKeyDown({ key: "Enter", target: row, currentTarget: row, preventDefault: () => {} });
|
||||
row.props.onKeyDown({ key: " ", target: checkbox, currentTarget: row, preventDefault: () => {} });
|
||||
checkbox.props.onChange();
|
||||
row.props.onDoubleClick();
|
||||
actionButton.props.onClick({ stopPropagation: () => {}, currentTarget: { getBoundingClientRect: () => ({ right: 20, bottom: 30 }) } });
|
||||
|
||||
expect(calls).toEqual([
|
||||
`select:${rowId}`,
|
||||
`select:${rowId}`,
|
||||
`toggle:${rowId}`,
|
||||
`edit:${rowId}`,
|
||||
`context:${rowId}`
|
||||
]);
|
||||
});
|
||||
|
||||
it("keeps overview and rules in the same workspace while only one panel is active", () => {
|
||||
const html = renderToStaticMarkup(<AccountWorkspace actions={workspaceActions()} model={workspaceModel()} />);
|
||||
expect(count(html, "class=\"settings-account-panel\"")).toBe(2);
|
||||
expect(count(html, "hidden=\"\"")).toBe(1);
|
||||
expect(html).toContain("Provider-Reihenfolge");
|
||||
expect(html).toContain("Hoster-Routing");
|
||||
expect(html).toContain("Automatischer Fallback");
|
||||
});
|
||||
|
||||
it("keeps add and edit dialogs separate and every secret field protected", () => {
|
||||
const addHtml = renderToStaticMarkup(
|
||||
<AccountAddDialog
|
||||
actions={{
|
||||
onQueryChange: () => {},
|
||||
onFilterChange: () => {},
|
||||
onOptionSelect: () => {},
|
||||
onFieldChange: () => {},
|
||||
onClose: () => {},
|
||||
onSubmit: () => {}
|
||||
}}
|
||||
model={{
|
||||
open: true,
|
||||
query: "",
|
||||
filter: "all",
|
||||
options: accountOptions(),
|
||||
selectedOptionId: "megadebrid-api",
|
||||
fields: [
|
||||
{ id: "login", label: "Login", type: "text", value: "member@example.test" },
|
||||
{ id: "password", label: "Passwort", type: "password", value: "test-password" }
|
||||
],
|
||||
error: "",
|
||||
busy: false
|
||||
}}
|
||||
/>
|
||||
);
|
||||
const editHtml = renderToStaticMarkup(
|
||||
<AccountEditDialog
|
||||
actions={{
|
||||
onFieldChange: () => {},
|
||||
onClose: () => {},
|
||||
onCheck: () => {},
|
||||
onSave: () => {},
|
||||
onRemove: () => {},
|
||||
onToggleEnabled: () => {}
|
||||
}}
|
||||
model={{
|
||||
open: true,
|
||||
hoster: "Mega-Debrid",
|
||||
mode: "API",
|
||||
identity: "member@example.test",
|
||||
enabled: true,
|
||||
fields: [
|
||||
{ id: "login", label: "Login", type: "text", value: "member@example.test" },
|
||||
{ id: "password", label: "Passwort", type: "password", value: "test-password" },
|
||||
{ id: "token", label: "Token", type: "password", value: "test-token" }
|
||||
],
|
||||
error: "",
|
||||
busy: false
|
||||
}}
|
||||
/>
|
||||
);
|
||||
|
||||
expect(addHtml).toContain("Account hinzufügen");
|
||||
expect(addHtml).toContain("Prüfen und speichern");
|
||||
expect(addHtml).toContain("Alle");
|
||||
expect(addHtml).toContain("API");
|
||||
expect(addHtml).toContain("Web");
|
||||
expect(editHtml).toContain("Account bearbeiten");
|
||||
expect(editHtml).toContain("member@example.test");
|
||||
expect(editHtml).toContain("Entfernen");
|
||||
expect(editHtml).toContain("Prüfen");
|
||||
expect(count(addHtml, "type=\"password\"")).toBe(1);
|
||||
expect(count(editHtml, "type=\"password\"")).toBe(2);
|
||||
});
|
||||
});
|
||||
|
||||
describe("settings App integration", () => {
|
||||
it("keeps specific persistence revision-safe when the draft changes in flight", () => {
|
||||
const block = sourceBlock(appSource, "const persistSpecificSettings", "const runAccountQuickAction");
|
||||
expect(block).toContain("revisionAtStart");
|
||||
expect(block).toContain("mergeConcurrentSpecificSettings");
|
||||
expect(block).toContain('setSettingsSaveState("dirty")');
|
||||
});
|
||||
|
||||
it("keeps unchecked single accounts honest without a positive status", () => {
|
||||
const block = sourceBlock(appSource, "const accountSources", "const selectedAccountViewId");
|
||||
expect(block).toMatch(/:\s*!checkedStatus\s*\?\s*"unchecked"/s);
|
||||
});
|
||||
|
||||
it("stores only the stable account row id in context-menu state", () => {
|
||||
const stateBlock = sourceBlock(appSource, "interface AccountContextMenuState", "function getAccountQuickActionMeta");
|
||||
expect(stateBlock).toContain("rowId: string");
|
||||
expect(stateBlock).not.toContain("row: AccountTableRow");
|
||||
expect(appSource).toContain("activeAccountContextRow");
|
||||
});
|
||||
|
||||
it("preserves the System theme choice while applying its resolved palette", () => {
|
||||
expect(appSource).toContain("settingsThemeChoice");
|
||||
expect(appSource).toContain("resolveSettingsThemeChoice");
|
||||
});
|
||||
});
|
||||
|
||||
describe("settings geometry", () => {
|
||||
it("keeps the specified form, table, switch, overflow and selection geometry", () => {
|
||||
const css = readFileSync(new URL("../src/renderer/views/settings/settings.css", import.meta.url), "utf8");
|
||||
expect(css).toMatch(/\.settings-content\s*{[^}]*padding:\s*24px;/s);
|
||||
expect(css).toMatch(
|
||||
/\.md-runtime-view-content\s*>\s*\.settings-content\s*{[^}]*height:\s*100%;[^}]*padding:\s*24px;/s
|
||||
);
|
||||
expect(css).toMatch(/\.settings-form-column\s*{[^}]*width:\s*500px;[^}]*max-width:\s*100%;/s);
|
||||
expect(css).toMatch(/\.settings-control\s*{[^}]*height:\s*44px;[^}]*border-radius:\s*6px;/s);
|
||||
expect(css).toMatch(/\.settings-switch\s*{[^}]*width:\s*40px;[^}]*height:\s*20px;/s);
|
||||
expect(css).toMatch(/\.settings-account-table-header\s*{[^}]*height:\s*41px;/s);
|
||||
expect(css).toMatch(/\.settings-account-table-header\s*{[^}]*overflow:\s*hidden;/s);
|
||||
expect(css).toMatch(/\.settings-account-row\s*{[^}]*height:\s*48px;/s);
|
||||
expect(css).toMatch(/\.settings-account-table-body\s*{[^}]*overflow:\s*auto;/s);
|
||||
expect(accountWorkspaceSource).toContain("onScroll={syncAccountTableScroll}");
|
||||
expect(css).toMatch(/\.settings-view\s*{[^}]*min-width:\s*0;/s);
|
||||
expect(css).toMatch(/\.settings-account-workspace\s*{[^}]*width:\s*100%;[^}]*min-width:\s*0;[^}]*min-height:\s*0;/s);
|
||||
expect(css).toMatch(/\.settings-static\s*{[^}]*user-select:\s*none;/s);
|
||||
expect(css).toMatch(/\.settings-content\s+:where\(input,\s*textarea,\s*\[contenteditable="true"\],\s*\.settings-copyable\)\s*{[^}]*user-select:\s*text;/s);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user