Recording of the visual regression run on loggd.life · loggd — app walkthrough.

In this video· click a step to jump to it

L
Passed ✓

Test recording

loggd — app walkthrough

24,012 ms · 8,352 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against loggd.life. 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`);
  const settle = () => page.waitForLoadState('networkidle').catch(() => {});
  let sc = 1;

  await page.goto(baseUrl, { waitUntil: 'domcontentloaded' });
  await settle();
  await page.waitForTimeout(1500);
  const onAuth = /\/(register|login|signup)(\b|\/|$)/i.test(page.url());
  if (onAuth) { stepLogger.warn('Not authenticated — chained session did not stick'); }

  const navClick = async (label) => {
+46 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
21.08%
Text
—
DOM
✓
Network
+96 −96
Console
✓
A11y
—
Perf
✓
URL
102 diverged
Variables
—
Full report
Log in →
8,352
Diff px
24s
Duration
—
Accessible
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

loggd is a gamified life-tracker — habits, tasks, a focus timer, notes, goals, vision, badges and a leaderboard, all in one dark, polished workspace. Email+password signup auto-logs you straight in (no confirmation step) to your personal /@username space. Creating a first habit from the rich 'Pick a habit' template gallery fires a '+4 XP earned' celebration and drops a 365-day contribution heatmap on the dashboard.

Highlights
  • Zero-friction onboarding + instant reward
    Signup auto-logs in, and adding the first habit triggers a 'First habit created! +4 XP earned' toast with a 'What's next?' checklist — a textbook activation loop that pulls users deeper on day one.
  • Template gallery removes the blank page
    'Pick a habit' offers dozens of ready templates (Drink 8 glasses of water, Exercise 30 min, Sleep 8 hours, GitHub Activity, Post on Threads…) across Health/Nutrition/Mind/Productivity categories — far better than an empty 'name your habit' input.
  • Genuinely broad surface
    Habits, Tasks, Timer, Notes, Goals, Vision, Badges and Leaderboard are all built — this is a real product with a complete 'track → plan → compete' loop, not an MVP.
Friction points
  • Template tiles can swallow clicks
    In the 'Pick a habit' gallery, the tile's text node intercepted pointer events — a programmatic click on the label didn't register until we targeted the enclosing button/forced the click. Worth ensuring the whole tile is the click target (also helps touch + a11y).
  • Dense first-run for newcomers
    The sidebar exposes 9 sections immediately; a lighter first-run focus (just Habits) with progressive reveal might reduce overwhelm.

2 visual changes

Step 1646 px changed
Before
Before
After
After
Diff
Diff
Step 47,706 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,579 test runs recorded · 1,174 products tested with Lastest

This test was built for loggd.life — 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.