From 75970352fc9ae923a7f62170ef5b5d14124defe9 Mon Sep 17 00:00:00 2001
From: curo1305 <curo1305@proton.me>
Date: Mon, 15 Jun 2026 20:11:40 +0200
Subject: [PATCH] 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
---
 .../layout/__tests__/AppSidebar.empty.test.js | 20 +++++++++++++++++++
 .../__tests__/StorageBrowser.skeleton.test.js | 14 +++++++++++++
 .../components/ui/__tests__/dropdown.test.js  |  8 ++++++++
 .../__tests__/AdminAuditView.skeleton.test.js | 12 +++++++++++
 .../__tests__/AdminUsersView.skeleton.test.js |  7 +++++++
 5 files changed, 61 insertions(+)
 create mode 100644 frontend/src/components/layout/__tests__/AppSidebar.empty.test.js
 create mode 100644 frontend/src/components/storage/__tests__/StorageBrowser.skeleton.test.js
 create mode 100644 frontend/src/components/ui/__tests__/dropdown.test.js
 create mode 100644 frontend/src/views/admin/__tests__/AdminAuditView.skeleton.test.js
 create mode 100644 frontend/src/views/admin/__tests__/AdminUsersView.skeleton.test.js

diff --git a/frontend/src/components/layout/__tests__/AppSidebar.empty.test.js b/frontend/src/components/layout/__tests__/AppSidebar.empty.test.js
new file mode 100644
index 0000000..5e5dd9d
--- /dev/null
+++ b/frontend/src/components/layout/__tests__/AppSidebar.empty.test.js
@@ -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')
+})
diff --git a/frontend/src/components/storage/__tests__/StorageBrowser.skeleton.test.js b/frontend/src/components/storage/__tests__/StorageBrowser.skeleton.test.js
new file mode 100644
index 0000000..55e84c6
--- /dev/null
+++ b/frontend/src/components/storage/__tests__/StorageBrowser.skeleton.test.js
@@ -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')
+})
diff --git a/frontend/src/components/ui/__tests__/dropdown.test.js b/frontend/src/components/ui/__tests__/dropdown.test.js
new file mode 100644
index 0000000..3836f55
--- /dev/null
+++ b/frontend/src/components/ui/__tests__/dropdown.test.js
@@ -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')
+})
diff --git a/frontend/src/views/admin/__tests__/AdminAuditView.skeleton.test.js b/frontend/src/views/admin/__tests__/AdminAuditView.skeleton.test.js
new file mode 100644
index 0000000..242bd27
--- /dev/null
+++ b/frontend/src/views/admin/__tests__/AdminAuditView.skeleton.test.js
@@ -0,0 +1,12 @@
+import { describe, it } from 'vitest'
+
+describe('UX-04: AdminAuditView shows skeleton table rows during loading', () => {
+  it.todo('renders 5+ skeleton <tr> rows when loading=true')
+  it.todo('skeleton rows have 5 columns matching the real table header')
+  it.todo('animated spinner Loading audit log… text is removed')
+})
+
+describe('UX-01 (audit empty): EmptyState renders when entries is empty after load', () => {
+  it.todo('EmptyState icon=clipboardList headline="No entries found" appears when entries.length===0 and not loading')
+  it.todo('clear-filters button rendered in #cta slot')
+})
diff --git a/frontend/src/views/admin/__tests__/AdminUsersView.skeleton.test.js b/frontend/src/views/admin/__tests__/AdminUsersView.skeleton.test.js
new file mode 100644
index 0000000..584951d
--- /dev/null
+++ b/frontend/src/views/admin/__tests__/AdminUsersView.skeleton.test.js
@@ -0,0 +1,7 @@
+import { describe, it } from 'vitest'
+
+describe('UX-04: AdminUsersView shows skeleton table rows during loading', () => {
+  it.todo('renders 5+ skeleton <tr> rows when loading=true')
+  it.todo('skeleton rows have 6 columns matching the real table header')
+  it.todo('animated spinner Loading users… text is removed')
+})