# Baseline Screenshots

This directory contains baseline screenshots for visual regression testing.

## How to add baselines:

1. Run tests to generate initial screenshots
2. Review the screenshots in `e2e/screenshots/actual/`
3. Copy approved screenshots to this directory:
   ```bash
   cp e2e/screenshots/actual/*.png e2e/screenshots/baseline/
   ```
4. Or use the update command:
   ```bash
   UPDATE_BASELINE=true npm run test:e2e
   ```

## Naming convention:

- `{page-name}-desktop.png` - Desktop viewport
- `{page-name}-mobile.png` - Mobile viewport
- `{page-name}-tablet.png` - Tablet viewport
- `{page-name}-{browser}.png` - Browser-specific
- `{page-name}-dark.png` - Dark mode variant

## Important:

- Only commit stable, approved screenshots
- Update baselines when UI intentionally changes
- Review diffs carefully before updating