65 lines
1.5 KiB
Markdown
65 lines
1.5 KiB
Markdown
# 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
|
|
```
|