bboysoul/dodo
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

test: guard liquid glass styling
ci / gitleaks (push) Successful in 7s
Details
ci / docker (push) Successful in 3m18s
Details

Browse Source
This commit is contained in:
bboysoul
2026-09-09 08:38:57 +08:00
parent 2a5b1183cc
commit 038f75a57e
1 changed files with 18 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/style.test.ts
+18
View File
@@ -30,6 +30,24 @@ describe('mobile navigation styles', () => {
})
})
describe('warm Liquid Glass styling', () => {
it('uses shared warm glass and radius tokens with Safari support', () => {
expect(css).toContain('--radius-panel:28px')
expect(css).toContain('--glass-surface-strong:rgba(255,253,248,.84)')
expect(css).toContain('backdrop-filter:blur(26px) saturate(1.45) brightness(1.04)')
expect(css).toContain('-webkit-backdrop-filter:blur(26px) saturate(1.45) brightness(1.04)')
})
it('keeps list rows solid while floating the mobile navigation', () => {
expect(css).toContain('.bottom{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));')
expect(css).toContain('.bottom button.active{background:rgba(241,90,41,.1)}')
expect(css).toContain('@media(max-width:930px){.task-row,.habit-row,.countdown-row{min-height:62px;background:#fff;')
expect(css).not.toMatch(/\.task-row\{[^}]*backdrop-filter/)
expect(css).not.toMatch(/\.habit-row\{[^}]*backdrop-filter/)
expect(css).not.toMatch(/\.countdown-row\{[^}]*backdrop-filter/)
})
})
describe('mobile sheet contract', () => {
it('uses shared roles for details, creation and secondary actions', () => {
expect(app).toContain('class="task-compose-mask app-sheet-mask"')