Recording of the visual regression run on gradus-phi.vercel.app · Gradus — app walkthrough.

In this video· click a step to jump to it

G
Passed ✓

Test recording

Gradus — app walkthrough

24,852 ms · 54,004 pixels changed

We built this regression test for gradus-phi.vercel.app — it's yours to keep, free.

Take this test with you

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

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const EMAIL = '[email protected]';
  const PASSWORD = '•••';
  const shot = function (n, s) { return screenshotPath.replace('.png', '-' + n + '-' + s + '.png'); };

  // ---- Public: login page ----
  await page.goto(baseUrl + '/', { waitUntil: 'domcontentloaded' });
  await page.waitForLoadState('networkidle').catch(function () {});
  await page.locator('input[type="email"]').first().waitFor({ state: 'visible', timeout: 15000 }).catch(function () {});
  await page.waitForTimeout(600);
  await page.screenshot({ path: shot(1, 'login'), fullPage: true });
  stepLogger.log('Captured login page');
+80 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
38.02%
Text
—
DOM
✓
Network
—
Console
✓
A11y
A
Perf
✓
URL
✓
Variables
—
Full report
Log in →
54,004
Diff px
25s
Duration
A
Accessible
WCAG 2.2 · 91
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

Gradus turns task/habit/goal tracking into a game: signing in drops you into a Dashboard framed as 'Today's adventure' with XP, levels, streaks and achievements. We signed in and drove the full loop — added a quest (Tasks), built a habit, created a mission (Goals) with a milestone, and wrote a Journal reflection — and the dashboard's XP bar, quest count and active-goals tile updated live. The create-pattern is consistent across every section, so it's quick to learn.

Highlights
  • Gamified progress loop
    Quests earn XP, XP fills a level bar, and Achievements ('First Task', 'Level 5', '7 Day Streak') give a clear next target. It makes an otherwise-dry to-do app genuinely motivating.
  • One consistent create pattern
    Tasks/Habits/Goals/Journal each expose a single prominent add-button and a compact inline form (title + category + optional detail). Learn it once, use it everywhere.
Friction points
  • Email-confirm gate before first use
    Signup shows 'check your email to confirm before logging in', so a first-time evaluator has to leave for their inbox before ever seeing the product. A 'try a demo without confirming' path (or optimistic first-session) would cut that drop-off.
  • Single-URL SPA, no deep links
    Every section lives at / with in-app page state, so you can't deep-link or share a specific view (e.g. /goals), and a refresh returns to the last-active page rather than a shareable URL. Real routes would help sharing + browser-back.

9 visual changes

Step 23,489 px changed
Before
Before
After
After
Diff
Diff
Step 32,875 px changed
Before
Before
After
After
Diff
Diff
Step 42,875 px changed
Before
Before
After
After
Diff
Diff
Step 54,890 px changed
Before
Before
After
After
Diff
Diff
Step 621,173 px changed
Before
Before
After
After
Diff
Diff
Step 76,521 px changed
Before
Before
After
After
Diff
Diff
Step 83,833 px changed
Before
Before
After
After
Diff
Diff
Step 94,787 px changed
Before
Before
After
After
Diff
Diff
Step 113,561 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,399 test runs recorded · 1,174 products tested with Lastest

This test was built for gradus-phi.vercel.app — 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.