In this video· click a step to jump to it
Test recording
MyFormConnect — public-only walkthrough (Turnstile gates signup)
67,164 ms · 0 pixels changed · matches baseline
We built this regression test for myformconnect.io — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against myformconnect.io. Claim it into your own workspace and re-run it on every deploy — free.
export async function test(page, baseUrl, screenshotPath, stepLogger) {
const shot = (n, slug) => screenshotPath.replace('.png', `-${n}-${slug}.png`);
const settle = () => page.waitForLoadState('networkidle').catch(() => {});
// ─── 1. Marketing home ────────────────────────────────────────────────────
stepLogger.log('Scenario 1: Marketing home');
await page.goto(baseUrl, { waitUntil: 'domcontentloaded' });
const accept = page.getByRole('button', { name: /accept all|accept|allow|got it|ok$/i }).first();
if (await accept.isVisible().catch(() => false)) {
await accept.click().catch(() => {});
}
await settle();Checks run
Notes from the demo run
AI-generatedMyFormConnect is a form-backend API for developers and agencies — Rails/Devise-based with Cloudflare Turnstile gating signup. The marketing site is unusually deep on SEO: profession-specific landing pages (/professions/florists, /carpenters, /plumbers, /electricians, /landscapers), competitor-comparison pages (WPForms / Gravity Forms / Contact Form 7 alternatives), a Free Form Generator tool, and a Docs section. Long-tail intent capture is the play.
- Profession-specific landing pages/professions/florists, /carpenters, /plumbers, /electricians, /landscapers each target a vertical with copy and probably localized examples. Most form-backend competitors don't bother — this is a real moat for organic discovery.
- Direct competitor-comparison pages/wpforms-alternative, /gravity-forms-alternative, /contact-form-7-alternative — explicit positioning vs the WordPress form ecosystem (the implicit ICP). Honest comparative SEO.
- Free Form Generator as a top-of-funnel tool/html-form-generator gives anyone a working HTML form snippet without signup. Lead-magnet pattern done right — value before the wall.
- Granular consent UI on signupFour separate checkboxes (terms required, marketing emails, personalize experience, trusted partners). Most products bundle these into one 'I agree' — granular consent is GDPR-compliant and uncommon for indie tools.
- Cloudflare Turnstile widget visible on the signup formThe cf-turnstile-response hidden input is present and the widget renders below the password field. Real users on Brave / uBlock / privacy-conscious browsers will see Turnstile fail-states. Worth testing the fallback UX.
- Six submit buttons on the signup page — most are empty (icons only)OAuth flows (Google, Microsoft) plus form submit + others. Some have no visible label, only icons. Screen-reader users won't know which provider they're triggering.
- 13 console errors on the signup pageSeveral runtime errors logged when /users/sign_up loads — likely OAuth-related or Turnstile widget loading. Worth a console-log triage.
- /dashboard (authed)·Turnstile widget blocks programmatic signup completion in headless mode
Share this run
Proof your app is not AI slop
This test was built for myformconnect.io — claim it free
One click copies the test and baseline screenshots into your own Lastest workspace. Re-run on every deploy and catch regressions before your users do — free, no card required.