Recording of the visual regression run on myspec.dev · MySpec — app walkthrough.

In this video· click a step to jump to it

M
Passed ✓

Test recording

MySpec — app walkthrough

25,239 ms · 17,724 pixels changed

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

Take this test with you

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

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  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' });
  for (const pattern of [
    '**/cdn-cgi/scripts/**/email-decode.min.js',
    '**/cdn-cgi/scripts/**/cloudflare-static/**',
    '**/sentry-cdn.com/**',
    '**/browser.sentry-cdn.com/**',
    '**/cdn.segment.com/**',
    '**/connect.facebook.net/**',
  ]) {
    await page.route(pattern, function (r) { return r.abort(); }).catch(function () {});
  }
+96 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
71.32%
Text
—
DOM
✓
Network
+189 −108
Console
9 new
A11y
A
Perf
63 over
URL
171 diverged
Variables
—
Full report
Log in →
17,724
Diff px
25s
Duration
A
Accessible
WCAG 2.2 · 100
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

MySpec ('Clarity precedes code') is a spec-generation tool for developers: sign up, verify email, create a workspace, then spin up projects that generate specs via an AI chat interface. The core loop (Project -> Chat -> generated spec files) is clean and immediately usable once inside a workspace.

Highlights
  • JWT-based email verification, not a fragile PKCE flow
    The confirmation link is a self-contained signed JWT (1-hour expiry) rather than a one-time Supabase PKCE code tied to a specific browser session — it verified correctly even when clicked from a completely different browser context than the one that registered.
  • Empty states double as onboarding
    Both 'No spec files yet' and 'No generate chats yet' panels explain exactly what will appear there and how to start, so a first-time workspace never feels broken or unfinished.
Friction points
  • Workspace creation gives no immediate feedback
    Clicking 'Create Workspace' shows only a spinner with no follow-up toast; on a slower connection it is unclear whether the click registered.

6 visual changes

Step 12,561 px changed
Before
Before
After
After
Diff
Diff
Step 23,087 px changed
Before
Before
After
After
Diff
Diff
Step 546 px changed
Before
Before
After
After
Diff
Diff
Step 615 px changed
Before
Before
After
After
Diff
Diff
Step 711,995 px changed
Before
Before
After
After
Diff
Diff
Step 920 px changed
Before
Before
After
After
Diff
Diff

Share this run

Earned · Lastest awards

Proof your app is not AI slop

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

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