Recording of the visual regression run on re-frame.lovable.app · reframe-journal-demo — post-login walkthrough.

In this video· click a step to jump to it

R
Failed

Test recording

reframe-journal-demo — post-login walkthrough

26,326 ms · 789,301 pixels changed

We built this regression test for re-frame.lovable.app — it's yours to keep, free.

Take this test with you

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

// Universal SaaS demo test: register OR login, walk 3+ post-login routes.
// Placeholders replaced per target before lastest_create_test.
export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const MODE = "login"; // 'login' | 'register'
  const EMAIL = "[email protected]";
  const PASSWORD = "•••";
  const LOGIN_PATH = "/auth"; // '' for autodiscover
  const AUTHED_ROUTES_JSON = "[\"/journal\", \"/patterns\", \"/home\"]";
  const FIXED_AUTHED = AUTHED_ROUTES_JSON ? JSON.parse(AUTHED_ROUTES_JSON) : [];

  const shot = (n, slug) => screenshotPath.replace('.png', `-${n}-${slug}.png`);
  const settle = () => page.waitForLoadState('networkidle').catch(() => {});
+178 more lines — claim the test to get the full code.

Checks run

Run
✕
Visual
100.00%
Text
—
DOM
✓
Network
+1432 −1768
Console
✓
A11y
—
Perf
8 drift
URL
152 diverged
Variables
—
Full report
Log in →
789,301
Diff px
26s
Duration
—
Accessible
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

This is a reframe-journal-demo run — Lastest signed into the existing demo account on re-frame.lovable.app and walked the authenticated surface across 3 in-app routes (/journal, /patterns, /home). Every route is captured as a full-page baseline so future deploys can be diffed instantly.

Highlights
  • Auth path proven repeatable
    Signed in via /auth with stored credentials; session held across multiple route navigations without re-prompts.
  • Authenticated surface mapped
    3 authed routes captured: /journal, /patterns, /home — each rendered with the logged-in account so the screenshots reflect real product state, not marketing copy.
  • Re-runnable baseline
    The same test code can run on every deploy; pixel-diffs surface UI regressions inside the authed surface within seconds.
Friction points
  • Onboarding modal can occlude first authed view
    Several authed routes pop a tour/wizard on first visit; the test dismisses with a generic button-match (skip|got it|continue|close|not now) to make the authed surface visible.
  • Third-party console noise
    Benign analytics console errors are present on most authed pages; consoleErrorMode=warn keeps the build green while still surfacing real script failures.

7 visual changes

Step 1121,289 px changed
Before
Before
After
After
Diff
Diff
Step 297,272 px changed
Before
Before
After
After
Diff
Diff
Step 330,333 px changed
Before
Before
After
After
Diff
Diff
Step 447,866 px changed
Before
Before
After
After
Diff
Diff
Step 5412,660 px changed
Before
Before
After
After
Diff
Diff
Step 640,053 px changed
Before
Before
After
After
Diff
Diff
Step 739,828 px changed
Before
Before
After
After
Diff
Diff

Share this run

57,604 test runs recorded · 1,174 products tested with Lastest

This test was built for re-frame.lovable.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.