Recording of the visual regression run on serionflow.com · SerionFlow — app walkthrough.

In this video· click a step to jump to it

S
Passed ✓

Test recording

SerionFlow — app walkthrough

89,048 ms · 3,078 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against serionflow.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, slug) => screenshotPath.replace('.png', `_${n}_${slug}.png`);

  // --- Public phase ---
  await stepLogger.log('Visit homepage');
  await page.goto(baseUrl, { waitUntil: 'domcontentloaded' });
  await page.waitForLoadState('networkidle').catch(() => {});
  await page.screenshot({ path: shot(1, 'homepage'), fullPage: true });

  // --- Auth phase ---
  await stepLogger.log('Log in');
  await page.goto(baseUrl + '/login', { waitUntil: 'domcontentloaded' });
+50 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
0.06%
Text
—
DOM
✓
Network
—
Console
✓
A11y
B
Perf
80 over
URL
✓
Variables
—
Full report
Log in →
3,078
Diff px
1m 29s
Duration
B
Accessible
WCAG 2.2 · 80
B
Fast
Web Vitals · 85

Notes from the demo run

AI-generated

SerionFlow is a modern email/inbox management and productivity SaaS with a clean Supabase-backed auth flow. The authenticated surface features a full-featured inbox, project management, community, settings, and billing areas — providing rich post-login depth. The product targets professionals who want unified communication and task management.

Highlights
  • Clean onboarding
    Post-signup flow handles terms consent dialog elegantly; email verification is streamlined
  • Inbox depth
    /dashboard/inbox provides email thread management — the primary product value proposition
  • Project management
    Projects section shows organized task/project workflows alongside the inbox
  • Community features
    Dedicated community section adds a social layer to the productivity tool
  • Billing integration
    Billing page visible from dashboard — full SaaS lifecycle visible in one walkthrough
  • Settings completeness
    Settings area covers profile, notifications, and integrations — mature product surface
Friction points
  • Legal consent gate
    New signups face a legal agreement dialog before accessing the product — extra step
  • Email verification required
    Supabase magic-link email verification is a gate between signup and first login

2 visual changes

Step 12,610 px changed
Before
Before
After
After
Diff
Diff
Step 9468 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,257 test runs recorded · 1,158 products tested with Lastest

This test was built for serionflow.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.