31 lines
2.6 KiB
YAML
31 lines
2.6 KiB
YAML
name: content-browser-card-layout
|
|
purpose: Verify that the production Content Browser uses the shared Penpot body presentation at wide and compact sizes.
|
|
preconditions: The focused shared-UI checks pass and the project Content Browser contains folders, long asset names, and the Poly Haven desk.
|
|
build_lane: dev
|
|
fixture:
|
|
steps:
|
|
- Open the Content Browser grid at the project assets root with Sources and Details visible.
|
|
- Confirm folders and assets form one continuous row-major stream under the 56 px content heading.
|
|
- Navigate to the Office model folder.
|
|
- Inspect long Material, Texture, and model names with clean and dirty status states.
|
|
- At an expanded width, confirm Name sort and the thumbnail-size slider are visible in the toolbar.
|
|
- Sweep the thumbnail-size slider through its minimum, default, and maximum positions.
|
|
- Resize the Content Browser and Details splitter through narrow and wide layouts.
|
|
- Switch to list view and compare status markers and column alignment.
|
|
- Inspect the Poly Haven metal office desk card and one mesh-subasset preview.
|
|
assertions:
|
|
- Toolbar, body, and footer form one continuous stack with no unowned horizontal gutter.
|
|
- Folders and assets use the same bounded card footprint and assets fill the remaining cells of a folder row.
|
|
- Grid cards show one clipped and ellipsized name plus a separate kind line with no status overlap.
|
|
- Every thumbnail scale preserves the complete name/kind footer and square image aspect; the minimum card never paints its preview through the footer.
|
|
- Sort and thumbnail size are first-class controls at expanded width, remain in overflow below the expanded breakpoint, and never appear twice.
|
|
- Every asset category keeps its distinct bottom-card keyline across placeholder, pending, ready, failed, hovered, and selected states; folders remain neutral.
|
|
- Dirty, processing, and error state use the fixed top-right status rail rather than text over the label.
|
|
- Sources labels and Details identity, paths, dependencies, and status remain clipped to their owning panes.
|
|
- List status markers occupy fixed space and do not shift or truncate neighboring columns unpredictably.
|
|
- Toolbar, Details splitter, and cards remain usable without clipped controls at narrow sizes.
|
|
- The office desk and mesh-subasset thumbnails show rendered geometry, never an albedo texture substitute.
|
|
evidence: Target-window captures for root-grid wide, Office-grid wide, compact grid, list, and desk geometry states plus hashes.
|
|
cleanup: Close only a runner-spawned editor; this scenario does not mutate project fixtures.
|
|
invalidates: Asset-card, Content Browser layout, status model, or thumbnail-routing changes.
|