root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test(FN-4141): complete Step 5 — add backup CSS contract coverage

Browse Source 
Fusion-Task-Id: FN-4141
Fusion-Task-Lineage: 9dae1c31-2d19-489f-b406-b07ff14bb24e
This commit is contained in:
Fusion
2026-05-13 00:27:33 -07:00
committed by gsxdsm
parent c9bbe661b8
commit 22bc13f0d0
1 changed files with 34 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
packages/dashboard/app/components/__tests__/SettingsModal.backup.css.test.ts Normal file
View File

@@ -0,0 +1,34 @@
import { describe, expect, it } from "vitest";
import { loadAllAppCss } from "../../test/cssFixture";
describe("SettingsModal backup CSS contract", () => {
it("defines themed backup section selectors with tokenized styles", async () => {
const css = await loadAllAppCss();
expect(css).toMatch(/\.backup-stats\s*\{[\s\S]*?\}/);
expect(css).toMatch(/\.backup-stat\s*\{[\s\S]*?\}/);
expect(css).toMatch(/\.backup-stat-value\s*\{[\s\S]*?\}/);
expect(css).toMatch(/\.backup-stat-label\s*\{[\s\S]*?\}/);
expect(css).toMatch(/\.backup-list\s*\{[\s\S]*?\}/);
expect(css).toMatch(/\.backup-list ul\s*\{[\s\S]*?\}/);
expect(css).toMatch(/\.backup-list li\s*\{[\s\S]*?\}/);
expect(css).toMatch(/\.backup-size\s*\{[\s\S]*?\}/);
const backupBlock = (css.match(/\/\* === Settings Backups:[\s\S]*?\.settings-layout\s*\{/)?.[0] ?? "");
expect(backupBlock).toContain("var(--space-");
expect(backupBlock).toContain("var(--text");
expect(backupBlock).toContain("var(--border");
expect(backupBlock).toContain("var(--surface");
expect(backupBlock).toContain("var(--font-mono");
expect(backupBlock).toContain("var(--radius-");
expect(backupBlock).toContain("color-mix(");
expect(backupBlock).not.toMatch(/#[0-9a-fA-F]{3,8}\b/);
expect(backupBlock).not.toContain("rgba(");
});
it("keeps mobile backup list scroll behavior", async () => {
const css = await loadAllAppCss();
expect(css).toMatch(/@media\s*\(max-width:\s*768px\)\s*\{[\s\S]*?\.backup-list ul\s*\{[^}]*max-height\s*:[^;]+;[^}]*overflow-y\s*:\s*auto;[^}]*-webkit-overflow-scrolling\s*:\s*touch;[^}]*\}/);
});
});