Recording of the visual regression run on vault-pay-manager.lovable.app · PayTrack — app walkthrough.

In this video· click a step to jump to it

V
Passed ✓

Test recording

PayTrack — app walkthrough

44,052 ms · 0 pixels changed · matches baseline

We built this regression test for vault-pay-manager.lovable.app — it's yours to keep, free.

Take this test with you

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

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  async function shot(n, slug) {
    await page.waitForTimeout(300);
    await page.screenshot({ path: screenshotPath.replace('{n}', String(n)).replace('{slug}', slug), fullPage: true });
  }

  async function dismissCookieBanner() {
    const accept = page.getByRole('button', { name: /accept|allow|got it|ok$/i }).first();
    if (await accept.isVisible({ timeout: 1500 }).catch(() => false)) {
      await accept.click().catch(() => {});
    }
  }
+152 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
✓
Text
—
DOM
✓
Network
+260 −270
Console
✓
A11y
B
Perf
✓
URL
✓
Variables
—
Full report
Log in →
0
Diff px
44s
Duration
B
Accessible
WCAG 2.2 · 80
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

PayTrack (built by Prime on Lovable/Supabase) is a clean, single-purpose payment-tracking tool for schools and small orgs. The registration form is entirely student-facing (name, matric number, level, faculty, department) - there is no self-serve admin signup path, so this baseline captures the student role, the richest role available without direct database access. The student dashboard is well laid out: four stat cards (Total Fee, Total Paid, Balance, Payments) plus a progress bar communicate status at a glance, and the Make Payment flow walks a bank-transfer-then-receipt-upload pattern with an AI receipt reader as the headline feature.

Highlights
  • No-friction registration
    Signup went straight from Create Account to an authenticated dashboard with zero email-verification gate - fastest onboarding we have seen in this batch.
  • Clear payment instructions
    The Payment Account Details dialog surfaces bank, account name, account number and a matric-number payment-ref instruction with one-tap copy buttons - reduces transfer errors for a non-technical student audience.
  • Dark mode works cleanly
    Toggling dark mode re-themes the full dashboard (cards, progress bar, buttons) with no unstyled flashes.
Friction points
  • No self-serve admin path
    The public /register form only creates student accounts (matric number, faculty, level fields). Admin accounts - which the marketing site advertises ("Admins can manage users, approve/reject payments, and configure settings") - appear to require manual/DB-side role assignment; visiting /admin as a student silently redirects back to /dashboard with no explanatory message.
  • Guide references a verification step that this account skipped
    The in-app guide says "Verify your email using the link we send you" as step 2 of onboarding, but registration in this run granted an authenticated session immediately with no verification email - the guide copy is ahead of (or behind) the current auth implementation.

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,322 test runs recorded · 1,174 products tested with Lastest

This test was built for vault-pay-manager.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.