🧪 Side-Panel Browser Fixtures

13 test pages covering layout, interaction, theme, and accessibility — from the V1 design spec §7

Manual testing required

4 guardrail scripts pass

Total: 13 fixtures

Layout Compatibility (1–4)

#01 Layout Fixed Header position: fixed header stays at top — not pushed by body margin when panel opens. 4 checks #02 Layout Sticky Nav position: sticky nav inside scrolling content survives body margin push. 4 checks #03 Layout SPA Shell body { overflow: hidden } with single scrolling div — hostile pattern. 4 checks #04 Layout Existing Sidebar CSS grid with right sidebar — verify no double-sidebar conflict. 4 checks

Mode & Interaction (5–9)

#05 Mode RTL Layout Arabic RTL page — panel appears on correct side, margin on correct property. 4 checks #06 Mode Multi-Instance (Cohabitation) Side-panel + popup on same page — isolation, Escape priority, overflow. 6 checks #07 Theme Light / Dark Mode Theme toggle — panel follows host via MutationObserver. 4 checks #08 Mode Breakpoint Resize Resize below 1024px while panel open — auto-collapse + restore. 6 checks #09 Layout Body Inline Styles Body with margin/max-width/padding/gradient — snapshot/restore preserves all. 5 checks

Integration & Accessibility (10–13)

#10 Layout Cookie Banner Fixed-bottom cookie bar — verify panel input isn't hidden behind it. 4 checks #11 Mode Minimize / Collapse Minimize button sends hea-collapse — panel collapses, not local minimize. 6 checks #12 Theme Embedded Theme Policy force_light, match_host, and force_dark policies — consistent behavior. 4 checks #13 Keyboard & Accessibility Tab focus, Enter/Space, Escape, aria-expanded, focus return, screen reader. 8 checks