# S05: Admin Dropdown Hover on Desktop — UAT

**Milestone:** M015
**Written:** 2026-04-03T04:41:53.614Z

# S05 UAT: Admin Dropdown Hover on Desktop

## Preconditions
- Frontend built and served (local dev server or Docker container)
- Browser with dev tools available for viewport resizing

## Test Cases

### TC1: Desktop hover opens dropdown
1. Set browser viewport to ≥769px wide (e.g., 1280×800)
2. Move mouse cursor over the "Admin ▾" button in the navigation bar
3. **Expected:** Dropdown menu appears showing Reports, Pipeline, Techniques links
4. Move cursor into the dropdown menu items
5. **Expected:** Menu stays open while cursor is within the dropdown area

### TC2: Desktop hover leave delay (150ms gap bridge)
1. At desktop width, hover over "Admin ▾" to open dropdown
2. Quickly move cursor from the trigger button down to the menu (crossing the CSS gap)
3. **Expected:** Menu remains open — the 150ms delay bridges the gap
4. Move cursor completely away from both trigger and menu
5. Wait ~200ms
6. **Expected:** Menu closes

### TC3: Desktop click-to-toggle still works
1. At desktop width, click "Admin ▾"
2. **Expected:** Dropdown opens
3. Click "Admin ▾" again
4. **Expected:** Dropdown closes

### TC4: Escape closes dropdown
1. At desktop width, hover to open the dropdown
2. Press Escape key
3. **Expected:** Dropdown closes

### TC5: Outside click closes dropdown
1. At desktop width, hover to open the dropdown
2. Click anywhere outside the dropdown area
3. **Expected:** Dropdown closes

### TC6: Mobile — hover is inert, tap toggles
1. Resize browser viewport to <769px (e.g., 375×667)
2. Open hamburger menu if applicable
3. Hover over "Admin ▾" (or simulate via dev tools)
4. **Expected:** Nothing happens — hover does not open dropdown
5. Tap/click "Admin ▾"
6. **Expected:** Dropdown opens
7. Tap/click "Admin ▾" again
8. **Expected:** Dropdown closes

### TC7: Dynamic resize updates behavior
1. Start at desktop width (≥769px), verify hover opens dropdown
2. Resize viewport below 769px
3. Hover over "Admin ▾"
4. **Expected:** Hover no longer opens dropdown (matchMedia listener updated the flag)
5. Resize back above 769px
6. Hover over "Admin ▾"
7. **Expected:** Hover opens dropdown again

### TC8: Menu link navigation works
1. At desktop width, hover to open dropdown
2. Click "Reports" link
3. **Expected:** Navigates to /admin/reports, dropdown closes
4. Repeat for Pipeline (/admin/pipeline) and Techniques (/admin/techniques)
