# S03: Featured Technique + Technique Grid Restyle — UAT

**Milestone:** M017
**Written:** 2026-04-03T09:11:12.679Z

## Preconditions
- Chrysopedia running on ub01:8096
- At least one creator exists with 2+ technique pages
- At least one technique page has key moments

## Test Cases

### TC1: Featured Technique Card Visibility
1. Navigate to any creator detail page (e.g., `/creators/{slug}`)
2. **Expected:** First technique appears as a featured card above the grid
3. **Expected:** Featured card has a visible gradient border (cyan→purple)
4. **Expected:** Featured card shows: title, summary text (if available), category badge, topic tags, moment count

### TC2: Grid Technique Cards Use Recent-Card Style
1. On the same creator detail page, scroll to the technique grid below the featured card
2. **Expected:** Remaining technique cards use the `recent-card` class styling
3. **Expected:** Each grid card shows: title, summary, topic tags (via TagList), moment count, category badge

### TC3: Enriched Data Fields Present
1. Open browser DevTools → Network tab
2. Navigate to a creator detail page
3. Find the creator detail API response
4. **Expected:** Each technique item in the response includes `summary`, `topic_tags`, and `key_moment_count` fields
5. **Expected:** `key_moment_count` is a non-negative integer

### TC4: Single Technique Creator
1. Navigate to a creator who has exactly 1 technique page
2. **Expected:** That technique renders as the featured card
3. **Expected:** No empty grid section below it

### TC5: Links Work
1. Click the featured technique card
2. **Expected:** Navigates to `/techniques/{slug}` for that technique
3. Go back, click a grid technique card
4. **Expected:** Also navigates to the correct technique page

### TC6: Tags Overflow
1. Find a technique with more than 4 topic tags
2. **Expected:** TagList component shows max 4 tags + "+N more" indicator (per R027)

### Edge Cases
- Creator with 0 techniques: no featured card, no grid (just empty state)
- Technique with null summary: card renders without summary text, no layout break
- Technique with null topic_tags: TagList omitted or empty, no errors
