Recording of the visual regression run on www.card-vault.in · Card-Vault — authed app walkthrough v2.

In this video· click a step to jump to it

W
Passed ✓

Test recording

Card-Vault — authed app walkthrough v2

53,179 ms · 0 pixels changed · matches baseline

We built this regression test for www.card-vault.in — it's yours to keep, free.

Take this test with you

This is a real Playwright test, recorded against www.card-vault.in. Claim it into your own workspace and re-run it on every deploy — free.

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const ENTRY = "/dashboard";
  const MAXROUTES = 7;
  const INTERACTIONS = [{"click":{"name":"start with demo data|add your first card|load demo"},"waitMs":2500,"scroll":true,"shot":"demo-data-loaded"}];
  const shot = (n, s) => screenshotPath.replace('.png', '-' + n + '-' + s + '.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, 1400); await new Promise(r => setTimeout(r, 350)); await anim(max, 0, 800); })()";

  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 pat of ['**/cdn-cgi/scripts/**/email-decode.min.js','**/cdn-cgi/scripts/**/cloudflare-static/**','**/browser.sentry-cdn.com/**','**/cdn.segment.com/**','**/connect.facebook.net/**']) {
    await page.route(pat, function (r) { return r.abort(); }).catch(function () {});
  }
+92 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
✓
Text
—
DOM
✓
Network
+90 −70
Console
✓
A11y
C
Perf
160 over
URL
10 diverged
Variables
—
Full report
Log in →
0
Diff px
53s
Duration
C
Accessible
WCAG 2.2 · 75
B
Fast
Web Vitals · 85

Notes from the demo run

AI-generated

CardVault is an elegant dark 'card intelligence' app that tells you which credit card to use for each purchase. The sidebar is rich — Dashboard, Cards, Spends, Smart Spender, Advisor, Insights, Analytics, Due Dates, Settings — and crucially the account ships with sample cards and spends pre-loaded, so the product is fully explorable the second you sign in.

Highlights
  • Pre-loaded sample data
    Signup seeds demo cards + spends immediately, so a new user sees the rewards engine, advisor and analytics working rather than an empty shell. Excellent onboarding choice.
  • Clear value framing
    'Smart Spender' and 'Advisor' name the core job (best card per purchase) plainly; Insights/Analytics back it with charts.
  • Thoughtful extras
    A Due-Dates calendar inside a rewards optimizer is a nice retention touch — it gives a reason to come back beyond a single lookup.
Friction points
  • Plus-aliased email signups fail silently
    A '[email protected]' signup stayed on /signup with no error; a non-aliased address worked. For a fintech, a clearer error (or accepting aliases) would avoid silent drop-off.
  • No email verification
    Signup grants an instant session with no email confirm — fast, but worth confirming that's the intended posture for a finance product.

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

This test was built for www.card-vault.in — 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.