3.3AI Agent Responsive Testing Pattern

When an AI agent tests responsive layouts, it can reason about functional correctness rather than visual similarity:

## Responsive Test: Navigation Menu

### At mobile width (375px):
1. Navigate to the homepage
2. Verify the hamburger menu icon is visible
3. Verify the full navigation links are NOT visible
4. Click the hamburger menu
5. Verify the navigation drawer slides in
6. Verify all primary links are accessible
7. Take a screenshot

### At desktop width (1440px):
1. Navigate to the homepage
2. Verify the full navigation bar is visible with all links
3. Verify the hamburger menu icon is NOT visible
4. Verify navigation links are horizontally laid out
5. Take a screenshot

The AI agent can then compare behavior across viewports and flag inconsistencies like missing menu items, overlapping elements, or truncated text that a static screenshot comparison might miss.