docs: verify adaptive presentation geometry
This commit is contained in:
@@ -9,6 +9,19 @@ Open each URL in a browser at 100% zoom, 1280x720 viewport:
|
|||||||
3. **Scene 6 providers**: `http://127.0.0.1:5173/present#scene/architecture/runtime/focus/runtime-providers/configured-providers`
|
3. **Scene 6 providers**: `http://127.0.0.1:5173/present#scene/architecture/runtime/focus/runtime-providers/configured-providers`
|
||||||
4. **Console**: `http://127.0.0.1:5173/console`
|
4. **Console**: `http://127.0.0.1:5173/console`
|
||||||
|
|
||||||
|
## Adaptive Canvas Matrix
|
||||||
|
|
||||||
|
Review these routes at `1024x768`, `1200x800`, and `1280x720`, always at 100%
|
||||||
|
browser zoom:
|
||||||
|
|
||||||
|
1. `/present#scene/architecture/node-use/focus/node-use`
|
||||||
|
2. `/present#scene/interrupt-evidence/trace`
|
||||||
|
|
||||||
|
The logical canvas widths must be `960`, `1080`, and `1280` respectively.
|
||||||
|
Capture the receipt state and open-inspector state at each viewport. Confirm
|
||||||
|
no page scroll, unchanged primary geometry, bounded raw evidence, focus
|
||||||
|
restoration, compact chat exclusion, and a clean browser console.
|
||||||
|
|
||||||
## Automated Smoke
|
## Automated Smoke
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
@@ -19,19 +32,25 @@ pnpm --filter @lda/console build
|
|||||||
|
|
||||||
## Browser Checklist
|
## Browser Checklist
|
||||||
|
|
||||||
1. Canvas is exactly 1280x720 at matching viewport
|
1. 1024x768 uses a 960x720 logical canvas without vertical letterboxing
|
||||||
2. 1024x768 scales to 0.8 with vertical letterboxing and no reflow
|
2. 1200x800 uses a 1080x720 logical canvas
|
||||||
3. Warm Editorial Canvas unchanged across Scene 1 and Scene 6
|
3. 1280x720 uses a 1280x720 logical canvas
|
||||||
4. No scene rail, replay label, discussion button, or presenter controls
|
4. Ratios outside 4:3 through 16:9 letterbox at the nearest supported ratio
|
||||||
5. Scene 6 root has one primary figure and no competing card grid
|
5. Warm Editorial Canvas unchanged across Scene 1 and Scene 6
|
||||||
6. Runtime & providers expands in place with breadcrumb
|
6. No scene rail, replay label, discussion button, or presenter controls
|
||||||
7. Configured providers expands second level
|
7. Scene 6 root has one primary figure and no competing card grid
|
||||||
8. Escape pops exactly one level
|
8. Runtime & providers expands in place with breadcrumb
|
||||||
9. Tab, arrows, and Enter work without advancing presentation while figure focus active
|
9. Configured providers expands second level
|
||||||
10. Deep links reproduce both focus depths after reload
|
10. Escape pops exactly one level
|
||||||
11. Every visible node readable without relying on color
|
11. Tab, arrows, and Enter work without advancing presentation while figure focus active
|
||||||
12. No vertical or horizontal scrollbar
|
12. Deep links reproduce both focus depths after reload
|
||||||
13. Console retains connection, lifecycle, graph, and execution layouts
|
13. Every visible node readable without relying on color
|
||||||
14. Reduced-motion mode preserves all figure content
|
14. No vertical or horizontal scrollbar
|
||||||
|
15. Console retains connection, lifecycle, graph, and execution layouts
|
||||||
|
16. Reduced-motion mode preserves all figure content
|
||||||
|
17. Evidence beats show a receipt but never auto-open the inspector
|
||||||
|
18. Opening the inspector leaves primary geometry unchanged
|
||||||
|
19. Escape closes the inspector and restores focus
|
||||||
|
20. Compact chat is hidden while the inspector is open
|
||||||
|
|
||||||
Screenshots require human approval and are not pixel-diff tests.
|
Screenshots require human approval and are not pixel-diff tests.
|
||||||
|
|||||||
Reference in New Issue
Block a user