# S04: Admin Profile Editing + Mobile Polish — UAT

**Milestone:** M017
**Written:** 2026-04-03T09:21:13.154Z

## UAT: Admin Profile Editing + Mobile Polish

### Preconditions
- Chrysopedia running at ub01:8096
- At least one creator with existing bio and social links in the database
- Browser with DevTools available for viewport testing

### Test 1: Edit Button Visibility
1. Navigate to any creator detail page (e.g., `/creators/{slug}`)
2. **Expected:** An Edit button (pencil icon or text) is visible in the hero section

### Test 2: Enter Edit Mode
1. Click the Edit button
2. **Expected:** Bio paragraph replaced with a pre-filled textarea containing current bio text
3. **Expected:** Social links replaced with editable rows — each row has a platform dropdown and URL input
4. **Expected:** Save and Cancel buttons visible at the bottom of the edit form

### Test 3: Edit Bio
1. In edit mode, clear the bio textarea and type "Test bio content"
2. Click Save
3. **Expected:** Edit mode exits, bio now shows "Test bio content"
4. Reload the page
5. **Expected:** Bio still shows "Test bio content" (persisted via API)

### Test 4: Add Social Link
1. Enter edit mode
2. Click "Add Link" button
3. **Expected:** New empty row appears with platform dropdown and URL input
4. Select "YouTube" from dropdown, enter "https://youtube.com/@test"
5. Click Save
6. **Expected:** New YouTube social link icon appears in hero

### Test 5: Remove Social Link
1. Enter edit mode
2. Click the remove button on an existing social link row
3. **Expected:** Row disappears from the editor
4. Click Save
5. **Expected:** Removed link no longer shows in hero

### Test 6: Cancel Discards Changes
1. Enter edit mode
2. Modify bio text and add a social link row
3. Click Cancel
4. **Expected:** Original bio and social links restored, edit mode exited

### Test 7: Null Social Links Handling
1. Enter edit mode for a creator with no social links
2. **Expected:** Empty social links editor (no rows), Add Link button available
3. Click Save without adding any links
4. **Expected:** No error, social links remain empty/null

### Test 8: Save Error Display
1. Simulate network failure (DevTools → offline mode)
2. Enter edit mode, modify bio, click Save
3. **Expected:** Error message displayed, edit mode stays open, save button re-enabled

### Test 9: Saving State
1. Enter edit mode, modify bio, click Save
2. **Expected:** Save button briefly disabled/shows saving indicator while request is in flight

### Test 10: Mobile Layout at 375px
1. Set viewport to 375px width (DevTools device toolbar → iPhone SE)
2. Navigate to a creator detail page
3. **Expected:** No horizontal scrollbar
4. **Expected:** Stats bar text readable, wraps if needed
5. **Expected:** Featured technique card contained within viewport
6. **Expected:** Technique grid is single column
7. **Expected:** Genre pills wrap naturally
8. **Expected:** Social icons don't overflow

### Test 11: Edit Form at 375px
1. At 375px viewport, enter edit mode
2. **Expected:** Bio textarea is full width
3. **Expected:** Social link rows stack (platform select above URL input)
4. **Expected:** Save/Cancel buttons are usable touch targets
