Recording of the visual regression run on anyframe.dev · AnyFrame — magic-link login + dashboard walkthrough.

In this video· click a step to jump to it

A
Passed ✓

Test recording

AnyFrame — magic-link login + dashboard walkthrough

46,956 ms · 430,034 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against anyframe.dev. Claim it into your own workspace and re-run it on every deploy — free.

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const SITE = (baseUrl || 'https://anyframe.dev').replace(/\/+$/, '');
  const shot = (n, sl) => screenshotPath.replace('.png', `-${n}-${sl}.png`);

  // Inject pre-captured anyframe session cookie (HttpOnly)
  await page.context().addCookies([{
    name: 'anyframe_session',
    value: '•••',
    domain: '.anyframe.dev',
    path: '/',
    expires: 1788015482,
    httpOnly: true,
+41 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
100.00%
Text
—
DOM
✓
Network
+2961 −0
Console
7 new
A11y
—
Perf
35 drift
URL
154 diverged
Variables
—
Full report
Log in →
430,034
Diff px
47s
Duration
—
Accessible
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

AnyFrame's signup is a single dialog with three options — GitHub OAuth, Google OAuth, or a magic-link via email ('We'll email a one-time link. Expires in 15 minutes.'). The dialog is overlay-style on the home page rather than a separate /signup route, which keeps the marketing context visible during the auth decision.

Highlights
  • Three-option auth dialog
    GitHub + Google + magic-link covers the dev-tool audience well — no email/password to manage, no required OAuth provider lock-in.
  • Magic-link expiry shown upfront
    'Expires in 15 minutes' under the email submit button — users know the time pressure before they leave the tab.
  • OAuth options labelled clearly
    Plain 'Continue with GitHub' / 'Continue with Google' beats abstract 'SSO' framing.
Friction points
  • Plus-aliased email rejected
    The email input rejected '[email protected]' as 'Enter a valid email address' despite RFC 5321 compliance. Bare '[email protected]' worked. Likely a stricter regex than needed.

3 visual changes

Step 1119,396 px changed
Before
Before
After
After
Diff
Diff
Step 2198,601 px changed
Before
Before
After
After
Diff
Diff
Step 3112,037 px changed
Before
Before
After
After
Diff
Diff

Share this run

Earned · Lastest awards

Proof your app is not AI slop

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

This test was built for anyframe.dev — 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.