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

test(FN-4246): complete Step 2 — add mobile fullscreen modal CSS guards

Browse Source 
Fusion-Task-Id: FN-4246
Fusion-Task-Lineage: 40ca0357-149d-423c-a9c0-79d2b0d77a13
This commit is contained in:
Fusion
2026-05-13 06:59:45 -07:00
committed by gsxdsm
parent 12fb87931e
commit 7156617c32
1 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
packages/dashboard/app/components/__tests__/WorkflowResultsTab.test.tsx
View File

@@ -957,6 +957,24 @@ describe("WorkflowResultsTab", () => {
expect(css).toMatch(/@media \(max-width: 768px\)\s*\{[\s\S]*?\.workflow-output-modal-controls\s*\{[^}]*width:\s*100%;[^}]*justify-content:\s*space-between;/);
expect(css).toMatch(/@media \(max-width: 768px\)\s*\{[\s\S]*?\.workflow-configured-header \.workflow-results-edit-toggle\s*\{[^}]*width:\s*100%;[^}]*justify-content:\s*center;/);
});
it("applies fullscreen modal dimensions on mobile", () => {
const css = loadAllAppCss();
expect(css).toMatch(/@media \(max-width: 768px\)\s*\{[\s\S]*?\.workflow-output-modal\s*\{[^}]*width:\s*100%;[^}]*height:\s*100%;[^}]*border-radius:\s*0;/);
});
it("removes mobile modal overlay inset padding", () => {
const css = loadAllAppCss();
expect(css).toMatch(/@media \(max-width: 768px\)\s*\{[\s\S]*?\.workflow-output-modal-overlay\s*\{[^}]*padding:\s*0;/);
});
it("includes safe-area bottom padding for expanded output modal body on mobile", () => {
const css = loadAllAppCss();
expect(css).toMatch(/@media \(max-width: 768px\)\s*\{[\s\S]*?\.workflow-output-modal-body\s*\{[^}]*padding-bottom:\s*calc\([^;]*env\(safe-area-inset-bottom/);
});
});
describe("expanded view modal", () => {