Files
fusion/packages/dashboard/app/components/__tests__/TaskDetailModal-source-issue-layout.test.ts
Fusion 1a9af9bc4d test(FN-4267): complete Step 2 — add source issue layout CSS regression test
Fusion-Task-Id: FN-4267
Fusion-Task-Lineage: fc79d0e6-f30d-4a5c-84f3-33aac4cda1a4
2026-05-13 06:29:34 -07:00

24 lines
1.0 KiB
TypeScript

import { describe, expect, it } from "vitest";
import { loadAllAppCss, loadAllAppCssBaseOnly } from "../../test/cssFixture";
describe("TaskDetailModal source issue layout CSS contract", () => {
it("FN-4267 keeps the source issue chevron anchored on the header row", async () => {
const baseCss = await loadAllAppCssBaseOnly();
const css = await loadAllAppCss();
expect(baseCss).toMatch(
/\.detail-source-section\s+\.detail-source-header\s*\{[^}]*flex-wrap\s*:\s*nowrap\s*;[^}]*align-items\s*:\s*center\s*;/,
);
expect(baseCss).toMatch(
/\.detail-source-section\s+\.detail-source-toggle\s*\{[^}]*flex\s*:\s*0\s+0\s+auto\s*;/,
);
expect(css).not.toMatch(
/@media\s*\(max-width:\s*768px\)\s*\{[\s\S]*?\.detail-source-section\s+\.detail-source-summary\s*\{[^}]*flex\s*:\s*1\s+1\s+100%\s*;/,
);
expect(css).toMatch(
/@media\s*\(max-width:\s*768px\)\s*\{[\s\S]*?\.detail-source-section\s+\.detail-source-summary\s*\{[^}]*flex\s*:\s*1\s+1\s+auto\s*;[^}]*min-width\s*:\s*0\s*;/,
);
});
});