test(10-05): Wave 0 skeleton + dropdown stubs (UX-02, UX-03, UX-04, UX-13, UX-14)
- StorageBrowser.skeleton.test.js: 7 it.todo stubs for UX-02 skeleton rows + UX-13 Teleport dropdown - AppSidebar.empty.test.js: 10 it.todo stubs for UX-03 skeleton, UX-01 micro empty states, UX-14 inline-New removal - AdminAuditView.skeleton.test.js: 5 it.todo stubs for UX-04 audit skeleton + UX-01 empty state - AdminUsersView.skeleton.test.js: 3 it.todo stubs for UX-04 users skeleton - dropdown.test.js: 4 it.todo stubs for UX-13 Teleport+getBoundingClientRect pattern
This commit is contained in:
@@ -0,0 +1,20 @@
|
||||
import { describe, it } from 'vitest'
|
||||
|
||||
describe('UX-03: AppSidebar shows skeleton placeholders while loading', () => {
|
||||
it.todo('renders skeleton rows in folder section when loadingRoots=true')
|
||||
it.todo('renders skeleton rows in topics section when topicsStore.loading=true')
|
||||
it.todo('renders skeleton rows in cloud section when loadingCloudConnections=true')
|
||||
it.todo('Loading… text is removed from all three sections')
|
||||
})
|
||||
|
||||
describe('UX-01 (sidebar micro): EmptyState size=sm appears when each section is empty', () => {
|
||||
it.todo('folders empty: EmptyState size=sm with icon=folder')
|
||||
it.todo('topics empty: EmptyState size=sm with icon=tag')
|
||||
it.todo('cloud empty: EmptyState size=sm with icon=cloud and a Settings link in #cta')
|
||||
})
|
||||
|
||||
describe('UX-14: AppSidebar no longer renders an inline "New" folder button', () => {
|
||||
it.todo('no <button> with text "New" exists in the rendered template')
|
||||
it.todo('startNewFolder/cancelNewFolder/submitNewFolder methods are removed')
|
||||
it.todo('newFolderName/showNewFolderInput state is removed')
|
||||
})
|
||||
@@ -0,0 +1,14 @@
|
||||
import { describe, it } from 'vitest'
|
||||
|
||||
describe('UX-02: StorageBrowser shows skeleton rows during loading', () => {
|
||||
it.todo('renders 5+ skeleton rows when loading=true (replaces Loading… text)')
|
||||
it.todo('skeleton rows use grid-cols-[2rem_1fr_6rem_8rem_6rem] matching real row grid')
|
||||
it.todo('skeleton rows use animate-pulse')
|
||||
it.todo('Loading… text is absent when loading=true (skeleton replaces it)')
|
||||
})
|
||||
|
||||
describe('UX-13: StorageBrowser folder picker uses Teleport + getBoundingClientRect', () => {
|
||||
it.todo('folder picker dropdown is teleported to body (escapes overflow container)')
|
||||
it.todo('dropdown position reflects getBoundingClientRect of the trigger button')
|
||||
it.todo('window scroll while open recalculates position')
|
||||
})
|
||||
@@ -0,0 +1,8 @@
|
||||
import { describe, it } from 'vitest'
|
||||
|
||||
describe('UX-13: Teleport + getBoundingClientRect dropdown pattern across components', () => {
|
||||
it.todo('DocumentCard folder picker uses Teleport to body')
|
||||
it.todo('DocumentCard folder picker position matches trigger getBoundingClientRect')
|
||||
it.todo('FolderRow three-dot menu uses Teleport to body')
|
||||
it.todo('FolderRow three-dot menu repositions on window scroll')
|
||||
})
|
||||
Reference in New Issue
Block a user