# S02: Social Links + Stats Section — UAT

**Milestone:** M017
**Written:** 2026-04-03T09:01:35.873Z

## UAT: S02 — Social Links + Stats Section

### Preconditions
- Chrysopedia running at ub01:8096
- At least one creator exists with `social_links` populated (JSON object with platform→URL pairs)
- At least one creator exists with technique pages, source videos, and key moments

### Test 1: Social Links Display
1. Navigate to a creator detail page for a creator with social_links populated
2. **Expected:** Social link icons appear in the hero section between bio text and genre pills
3. Each icon should be a clickable link opening in a new tab (`target=_blank`)
4. Hover over a social icon — color should transition from muted to accent

### Test 2: Social Links — No Links
1. Navigate to a creator detail page for a creator with no social_links (empty or null)
2. **Expected:** No social links section rendered — no empty container, no spacing gap

### Test 3: Platform Icon Coverage
1. On a creator with diverse social links (instagram, youtube, bandcamp, soundcloud, twitter, spotify, facebook, twitch)
2. **Expected:** Each platform shows its distinct SVG icon
3. For an unrecognized platform key, a globe/website fallback icon should render

### Test 4: Stats Bar — All Three Counts
1. Navigate to a creator detail page
2. **Expected:** Stats bar shows "N techniques · M videos · P moments" with correct counts
3. Singular form used when count is 1 (e.g., "1 technique" not "1 techniques")

### Test 5: Moment Count Accuracy
1. Compare the moment count shown on the creator page with the actual key moment count for that creator's videos in the database
2. **Expected:** Count matches — the query joins KeyMoment→SourceVideo→creator_id correctly

### Test 6: Stats Separator Styling
1. Inspect the dot separators (·) between stats
2. **Expected:** Separators use muted text color with slight horizontal margins

### Edge Cases
- Creator with 0 techniques, 0 videos, 0 moments → stats bar shows "0 techniques · 0 videos · 0 moments"
- Creator with exactly 1 of each → singular forms: "1 technique · 1 video · 1 moment"
- Social link URL that is malformed → renders as clickable link (browser handles the URL)
