# SquareMCP Site Verification

Use this command after deployment changes to verify the live marketing site:

```bash
npm run test:product-site:verify
```

Or use the full deploy wrapper:

```bash
npm run deploy:product-site:verify
```

What it covers:

1. `smoke`
   - verifies page JS behavior in isolation
   - checks submit flow wiring, copy behavior, and hero poster swap logic

2. `e2e-desktop`
   - loads the live site in Chromium
   - checks navigation anchors
   - waits for the hero animation to swap to the poster
   - submits the live pilot request form
   - verifies success UI and form reset
   - confirms the request ID is written to the vault

3. `e2e-mobile`
   - repeats the live submit flow in a mobile viewport
   - checks for horizontal overflow and clipped key layout regions
   - confirms the request ID is written to the vault
   - compares the captured mobile screenshot against the stored baseline

Visual diff baselines:

- `product/site/baselines/desktop.png`
- `product/site/baselines/mobile.png`

Diff artifacts:

- `/tmp/squaremcp-e2e-desktop-diff.png`
- `/tmp/squaremcp-e2e-mobile-diff.png`

Artifacts:

- desktop screenshot: `/tmp/squaremcp-e2e-desktop.png`
- mobile screenshot: `/tmp/squaremcp-e2e-mobile.png`

Vault write targets:

- `SquareMCP/Pilot Requests.md`
- `Daily Notes/<today>.md`

Automated browser test submissions are tagged for cleanup:

- `#squaremcp-e2e`
- `#squaremcp-test-cleanup`

To remove those entries from the vault logs:

```bash
npm run test:product-site:cleanup
```
