Recording of the visual regression run on lodd.dev · Lodd — app walkthrough.

In this video· click a step to jump to it

L
Passed ✓

Test recording

Lodd — app walkthrough

29,920 ms · 80,120 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against lodd.dev. 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('{{step}}', `${n}_${slug}`);
  await page.route('**/*google*analytics*', r => r.abort().catch(() => {}));
  await page.route('**/*googletagmanager*', r => r.abort().catch(() => {}));

  // Step 1: Home
  await page.goto('https://lodd.dev', { waitUntil: 'domcontentloaded' });
  await page.waitForLoadState('networkidle').catch(() => {});
  stepLogger.log('Step 1: Home page');
  await page.screenshot({ path: shot(1, 'home'), fullPage: false });

  // Step 2: Account (authenticated via storage state)
+62 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
13.30%
Text
—
DOM
✓
Network
✓
Console
✓
A11y
B
Perf
90 over
URL
✓
Variables
—
Full report
Log in →
80,120
Diff px
30s
Duration
B
Accessible
WCAG 2.2 · 85
B
Fast
Web Vitals · 85

Notes from the demo run

AI-generated

Lodd is a developer tool for discovering and comparing MCP (Model Context Protocol) servers, with an account tier for saved searches and extended access. The demo uses a Supabase OTP session (JWT in localStorage, refresh_token stripped) to show 10 steps: home, authenticated account dashboard, billing section, upgrade flow, documentation hub, MCP tools reference, API docs, blog, what-is-mcp explainer, and a comparison page with Plausible. The auth surface is minimal — most value is in the public discovery pages, but the account section shows quota and billing.

Highlights
  • Account dashboard (/account)
    Post-login surface showing subscription tier, quota remaining, and billing overview.
  • Billing + upgrade flow
    Upgrade button leads to a plan selection modal — the primary monetization touchpoint.
  • MCP tools reference
    Comprehensive listing of MCP server tools and their schemas — the core product value.
  • Compare page (vs Plausible)
    Side-by-side feature comparison with competitors, showing positioning.
  • Auth: Supabase OTP → localStorage JWT
    Email magic-code captured via Gmail MCP browser; JWT stored in localStorage under lodd-auth key; refresh_token stripped for EB replay stability.

Visual change

Step 180,120 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,257 test runs recorded · 1,158 products tested with Lastest

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