Recording of the visual regression run on ainave.com · AINave — authed app walkthrough.

In this video· click a step to jump to it

A
Passed ✓

Test recording

AINave — authed app walkthrough

49,078 ms · 248 pixels changed

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

Take this test with you

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

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  let n = 0;
  const shot = async (slug) => {
    n += 1;
    await page.screenshot({ path: screenshotPath.replace(/\.png$/, `-${n}-${slug}.png`), fullPage: true });
  };
  const check404 = async () => {
    const t = await page.evaluate(() => document.body.innerText.slice(0, 300)).catch(() => '');
    return /404|page not found|doesn.t exist/i.test(t);
  };

  // 1. Dashboard home (authenticated) — "Welcome back, Last"
+92 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
0.04%
Text
—
DOM
✓
Network
+20 −20
Console
✓
A11y
A
Perf
60 drift
URL
✓
Variables
—
Full report
Log in →
248
Diff px
49s
Duration
A
Accessible
WCAG 2.2 · 100
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

AINave is a Product-Hunt-style directory for AI products, tech news, and events, with a founder-facing dashboard for managing product listings. Google sign-in drops straight into a real dashboard ('Welcome back, <name>') with quick-access tiles for adding a product, managing products, updating profile, and billing. The public side (Products, Tech News, Events, Categories) is fully browsable without an account, and the authed side is purpose-built around a single job: get your product listed and manage it afterward.

Highlights
  • Dashboard quick-access tiles map directly to the founder's job
    Add New Product, Manage Products, Update Profile, Billing & Plans — four tiles, zero fluff, all tied to what a founder submitting a listing actually needs to do.
  • Submission form doubles as onboarding
    The 'Add first product' CTA is pinned at the top of the sidebar on a fresh account, nudging new users toward the core action instead of leaving them to find it.
  • Public content (news, events, categories) is a real acquisition surface
    Tech News and Events sit as first-class nav items alongside the product directory, giving the site organic-traffic angles beyond just listings.
Friction points
  • Empty dashboard has no sample data
    'No product selected' is the only state shown until a founder adds their first listing — a seeded example card might reduce first-session drop-off.

4 visual changes

Step 162 px changed
Before
Before
After
After
Diff
Diff
Step 262 px changed
Before
Before
After
After
Diff
Diff
Step 462 px changed
Before
Before
After
After
Diff
Diff
Step 562 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
a11y
WCAG AA
regressions
0
Badges stay live, ratchet upward, only downgrade on confirmed regression.
57,311 test runs recorded · 1,174 products tested with Lastest

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