# Mobile UI Tests

Tests for mobile navigation and UI responsiveness. Fixes Issue #667 (sidebar overlap on mobile).

## Quick Start

```bash
# Install dependencies
npm install

# Run mobile navigation tests (CI/CD ready)
npm run test:mobile

# Generate screenshots for all pages
npm run test:mobile:screenshots

# Run comprehensive UI tests
node test_mobile_ui_comprehensive.js
```

## Available Test Scripts

See `package.json` for all test commands:
- `test:mobile` - Run CI/CD tests with assertions
- `test:mobile:visual` - Run tests with browser visible
- `test:mobile:json` - Output JSON results
- `test:mobile:junit` - Output JUnit XML for CI/CD
- `test:mobile:screenshots` - Generate visual screenshots

## CI/CD

GitHub Actions workflow: `.github/workflows/mobile-ui-tests.yml`

## What's Tested

- ✅ Mobile navigation visibility (< 768px)
- ✅ No sidebar overlap with inputs (Issue #667)
- ✅ Touch targets minimum 44px
- ✅ No horizontal scrolling
- ✅ Content not hidden behind nav
