Recording of the visual regression run on collectform.com · Collectform — app walkthrough.

In this video· click a step to jump to it

C
Passed ✓

Test recording

Collectform — app walkthrough

35,242 ms · 1,484 pixels changed

We built this regression test for collectform.com — it's yours to keep, free.

Take this test with you

This is a real Playwright test, recorded against collectform.com. 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,s)=>screenshotPath.replace('.png','-'+n+'-'+((String(s).replace(/[^a-z0-9]+/gi,'-').replace(/^-|-$/g,'').toLowerCase().slice(0,22))||'view')+'.png');
  const ORIGIN='https://collectform.com'; const MINPOST=9; const STAMP=Date.now().toString(36); const NAME='Customer Feedback '+STAMP;
  await page.context().setExtraHTTPHeaders({'User-Agent':'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36'}).catch(function(){});
  let idx=1,post=0;
  const cap=async(s,full)=>{stepLogger.log('Scenario '+idx+': '+s);await page.screenshot({path:shot(idx,s),fullPage:full!==false});idx++;};
  await page.goto(ORIGIN+'/',{waitUntil:'domcontentloaded'}).catch(function(){}); await page.waitForTimeout(1100); await cap('home');
  await page.goto(ORIGIN+'/workspace',{waitUntil:'domcontentloaded'}).catch(function(){}); await page.waitForTimeout(2000); await page.keyboard.press('Escape').catch(function(){}); await cap('workspace-dashboard'); post++;
  try {
    await page.getByRole('button',{name:/new form|create a new form/i}).first().click({timeout:4000}).catch(function(){});
    await page.waitForTimeout(1000); await cap('new-form-dialog'); post++;
    await page.locator('input[placeholder*="form" i]').first().fill(NAME).catch(function(){});
+48 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
2.31%
Text
—
DOM
✓
Network
+220 −209
Console
✓
A11y
Review
Perf
55 over
URL
11 diverged
Variables
—
Full report
Log in →
1,484
Diff px
35s
Duration
Review
Accessible
WCAG 2.2
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

Collectform's register flow is refreshingly fast — email + password drops you straight into a workspace with zero onboarding friction. The form builder is a clean three-pane editor (Questions / canvas / settings) that mirrors Typeform's model while staying noticeably lighter.

Highlights
  • Instant workspace
    Signup lands directly in 'My workspace' with a 'Create a new form' CTA — no email-verify wall, no setup wizard. Time-to-first-action is seconds.
  • Friendly builder empty-state
    A new form opens with a 'Welcome to your new form! 🥳' guide and a 'How to start' checklist — good orientation for first-timers.
  • Confetti delight toggle
    The per-form 'Show Confetti' setting with style presets is a nice completion-celebration touch.
Friction points
  • Sparse authed nav
    The shell only exposes the workspace itself — no top-level nav to templates, integrations or account, so discovery relies on the form list.
  • No verify = no recovery hint
    Skipping email verification is great for speed, but there's no visible password-reset affordance from the workspace.

4 visual changes

Step 242 px changed
Before
Before
After
After
Diff
Diff
Step 312 px changed
Before
Before
After
After
Diff
Diff
Step 4143 px changed
Before
Before
After
After
Diff
Diff
Step 51,287 px changed
Before
Before
After
After
Diff
Diff

Share this run

Earned · Lastest awards

Proof your app is not AI slop

LASTEST
starter
tests
all passing
regressions
0
Badges stay live, ratchet upward, only downgrade on confirmed regression.
57,761 test runs recorded · 1,174 products tested with Lastest

This test was built for collectform.com — 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.