hermes-mcp/product/site/VERIFICATION.md

SquareMCP Site Verification

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

npm run test:product-site:verify

Or use the full deploy wrapper:

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:

npm run test:product-site:cleanup