Recording of the visual regression run on www.thebodyclock.com · The Body Clock — app walkthrough.

In this video· click a step to jump to it

W
Passed ✓

Test recording

The Body Clock — app walkthrough

104,747 ms · 5,532 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against www.thebodyclock.com. 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 SCROLL_THROUGH = "(async () => { const ease = t => 1 - Math.pow(1 - t, 3); const max = Math.max(0, document.body.scrollHeight - window.innerHeight); if (max < 40) return; const anim = (a, b, ms) => new Promise(res => { const t0 = performance.now(); const step = now => { const p = Math.min(1, (now - t0) / ms); window.scrollTo(0, a + (b - a) * ease(p)); p < 1 ? requestAnimationFrame(step) : res(); }; requestAnimationFrame(step); }); await anim(0, max, 1300); await new Promise(r => setTimeout(r, 300)); await anim(max, 0, 700); })()";

  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', '**/sentry-cdn.com/**', '**/browser.sentry-cdn.com/**', '**/cdn.segment.com/**', '**/connect.facebook.net/**', '**/www.googletagmanager.com/**']) {
    await page.route(pattern, function (r) { r.abort(); }).catch(function () {});
  }

  // ── 1. Member dashboard (session replayed via setupOverrides storage_state)
  stepLogger.log('Scenario 1: member dashboard');
  await page.goto(baseUrl + '/dashboard', { waitUntil: 'domcontentloaded' });
+91 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
0.71%
Text
—
DOM
✓
Network
+444 −444
Console
✓
A11y
A
Perf
240 over
URL
✓
Variables
—
Full report
Log in →
5,532
Diff px
1m 45s
Duration
A
Accessible
WCAG 2.2 · 94
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

We created a free Body Clock account and drove the signed-in product: the trial dashboard with its live organ-clock widget, the chronotype quiz answered through questions one to three, the free tools index, and the best-time, jet-lag and caffeine planners, finishing on pricing as a signed-in trial member sees it. The dashboard is doing something most wellness apps do not - it tells you what to do right now, at 5pm, rather than showing you a chart of last night.

Highlights
  • The trial explains itself in a way that removes the usual anxiety
    Free trial active — 7 days left, No card, no charge, and then the line that matters: when the trial ends, premium features simply lock unless you choose to upgrade — there's nothing to cancel. That single sentence removes the main reason people refuse free trials.
  • The organ-clock widget is a genuinely live surface
    On load it read Kidney · 5 PM — 7 PM · 1h 56m remaining with a concrete instruction (eat a moderate dinner) and Next: Circulation. It is the rare dashboard element that changes meaningfully every hour, which is a strong reason to come back.
  • The quiz justifies each question as it asks it
    Question two opens with Picture a day with nothing to get up for and a Why we ask it this way note explaining that alarm-driven mornings hide your real rhythm. Explaining methodology inline is what makes a health quiz feel like science rather than a lead magnet.
Friction points
  • The free tools ignore values that are not typed by hand
    On /tools/caffeine and /tools/best-time, setting the time field programmatically leaves the result unchanged - the caffeine cutoff stayed at its 2:00 PM default. The component appears to listen only for direct user gestures rather than the input's change event. The same gap usually means browser autofill, password-manager fills and some assistive-tech input also fail to update the result, which is worth a check.
  • The dashboard leads with a quiz the account has not taken yet
    Discover Your Chronotype sits above the fold with a Free · 2 minutes badge, while the trial banner above it says the full personalized protocol is already unlocked. Those two claims fight each other for a brand-new user. Gating the protocol card behind quiz completion, or marking it as step 1 of 2, would make the first minute clearer.
Couldn't reach
  • Subscribe / Apply Now·Payment and affiliate-application flows - deliberately not exercised

5 visual changes

Step 1268 px changed
Before
Before
After
After
Diff
Diff
Step 52 px changed
Before
Before
After
After
Diff
Diff
Step 6359 px changed
Before
Before
After
After
Diff
Diff
Step 7105 px changed
Before
Before
After
After
Diff
Diff
Step 124,798 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
regressions
0
Badges stay live, ratchet upward, only downgrade on confirmed regression.
57,226 test runs recorded · 1,151 products tested with Lastest

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