1c2a66df45
- 41 unit and component suites under admin/tests/{app,state,shell,list,form,relation,views,ui}
covering states and a11y roles; every src module is imported by a test
- typed fixture helper assigns each JSON fixture to its generated OpenAPI type
- fix: iconFor ignores inherited object members such as "constructor"
- fix: field controls import ./control instead of the registry (import cycle
left a renderer unregistered depending on module load order)
- fix: dropdown shows the placeholder for an unknown stored value next to an emptyOption
- fix: list announces a failed schema load even when the rows arrive after it
- tailwind no longer scans admin/tests; boardwalk/dist rebuilt
96 lines
3.1 KiB
TypeScript
96 lines
3.1 KiB
TypeScript
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { NARROW_QUERY, SIDEBAR_KEY, setCollapsed, sidebarCollapsed, useSidebar, watchViewport } from '../../src/state/useSidebar'
|
|
import { fakeMedia, resetState } from '../helpers'
|
|
|
|
let stop: (() => void) | null = null
|
|
|
|
beforeEach(() => {
|
|
resetState()
|
|
stop = null
|
|
})
|
|
|
|
afterEach(() => {
|
|
stop?.()
|
|
setCollapsed(false)
|
|
window.localStorage.clear()
|
|
})
|
|
|
|
describe('useSidebar (D-06, T-10-22)', () => {
|
|
it('uses the documented storage key and breakpoint', () => {
|
|
expect(SIDEBAR_KEY).toBe('summer-admin.sidebar')
|
|
expect(NARROW_QUERY).toBe('(max-width: 1099px)')
|
|
})
|
|
|
|
it('restores the persisted manual choice on a wide viewport', () => {
|
|
fakeMedia({ [NARROW_QUERY]: false })
|
|
window.localStorage.setItem(SIDEBAR_KEY, 'true')
|
|
stop = watchViewport()
|
|
expect(sidebarCollapsed.value).toBe(true)
|
|
expect(useSidebar().manual.value).toBe(true)
|
|
expect(useSidebar().narrow.value).toBe(false)
|
|
|
|
window.localStorage.setItem(SIDEBAR_KEY, 'yes')
|
|
stop()
|
|
stop = watchViewport()
|
|
expect(sidebarCollapsed.value).toBe(false)
|
|
})
|
|
|
|
it('collapses below the breakpoint without writing the stored choice', () => {
|
|
const media = fakeMedia({ [NARROW_QUERY]: true })
|
|
stop = watchViewport()
|
|
expect(sidebarCollapsed.value).toBe(true)
|
|
expect(useSidebar().narrow.value).toBe(true)
|
|
expect(window.localStorage.getItem(SIDEBAR_KEY)).toBeNull()
|
|
|
|
media.change(NARROW_QUERY, false)
|
|
expect(sidebarCollapsed.value).toBe(false)
|
|
expect(window.localStorage.getItem(SIDEBAR_KEY)).toBeNull()
|
|
|
|
stop()
|
|
stop = null
|
|
expect(media.listeners(NARROW_QUERY)).toBe(0)
|
|
media.change(NARROW_QUERY, true)
|
|
expect(useSidebar().narrow.value).toBe(false)
|
|
})
|
|
|
|
it("stores only 'true' or 'false' and nothing else", () => {
|
|
fakeMedia({})
|
|
stop = watchViewport()
|
|
setCollapsed(true)
|
|
expect(window.localStorage.getItem(SIDEBAR_KEY)).toBe('true')
|
|
expect(sidebarCollapsed.value).toBe(true)
|
|
setCollapsed(false)
|
|
expect(window.localStorage.getItem(SIDEBAR_KEY)).toBe('false')
|
|
expect(sidebarCollapsed.value).toBe(false)
|
|
expect(Object.keys(window.localStorage)).toEqual([SIDEBAR_KEY])
|
|
})
|
|
|
|
it('keeps the choice for the session when storage is unavailable', () => {
|
|
fakeMedia({})
|
|
vi.spyOn(Storage.prototype, 'setItem').mockImplementation(() => {
|
|
throw new DOMException('full', 'QuotaExceededError')
|
|
})
|
|
vi.spyOn(Storage.prototype, 'getItem').mockImplementation(() => {
|
|
throw new DOMException('denied', 'SecurityError')
|
|
})
|
|
stop = watchViewport()
|
|
expect(sidebarCollapsed.value).toBe(false)
|
|
setCollapsed(true)
|
|
expect(sidebarCollapsed.value).toBe(true)
|
|
})
|
|
|
|
it('never collapses by viewport when matchMedia is missing', () => {
|
|
const original = window.matchMedia
|
|
// @ts-expect-error simulating a browser without matchMedia
|
|
window.matchMedia = undefined
|
|
try {
|
|
stop = watchViewport()
|
|
expect(useSidebar().narrow.value).toBe(false)
|
|
expect(stop()).toBeUndefined()
|
|
stop = null
|
|
} finally {
|
|
window.matchMedia = original
|
|
}
|
|
})
|
|
})
|