Recording of the visual regression run on xuxu.thanhmam.com · XuXu — app walkthrough.

In this video· click a step to jump to it

X
Passed ✓

Test recording

XuXu — app walkthrough

93,584 ms · 1,977 pixels changed

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

Take this test with you

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

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const AUTH_AUTOMATABLE = true;
  const CHAINED_AUTH = true;
  const AUTH_MODE = 'google';

  const GOOGLE_EMAIL = '[email protected]';
  const GOOGLE_PASSWORD = '•••';

  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, 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' });
+249 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
0.50%
Text
—
DOM
✓
Network
+459 −423
Console
✓
A11y
B
Perf
216 over
URL
✓
Variables
—
Full report
Log in →
1,977
Diff px
1m 34s
Duration
B
Accessible
WCAG 2.2 · 83
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

XuXu is a Duolingo-style financial-literacy app for Vietnamese kids/parents, built with Next.js + Firebase Auth. The public marketing page leads with a clean, playful hero and immediately offers a no-login preview of the lesson dashboard (unusual and founder-friendly: visitors see the real product before signing up, not just a locked screenshot). Google sign-in is the only auth path, wired through Firebase signInWithPopup - solid choice for a kid-facing app since it avoids storing passwords.

Highlights
  • Try-before-signup preview
    Unauthenticated visitors land directly on /learn and see the full lesson dashboard with locked cards, not a paywall wall. Strong onboarding pattern - most competitors gate the whole app behind auth.
  • Real gamification depth
    49 sequential lessons plus topic-library quizzes, streaks, XP, leaderboard placement, and a badge case are all live and populated with real data on day one, not placeholder text.
  • Interactive quiz mechanic works cleanly
    The first lesson ("Tien la gi?") renders a real multiple-choice question with 4 answer options and progress tracking (0/3 dung) - the core learning loop is fully functional.
Friction points
  • Google-only sign-in
    No email/password fallback. If a Google popup is blocked or the account has 2FA friction, there is no alternate path into the product.
  • Firestore long-poll noise
    Every page load opens a Firestore Listen channel that logs benign network warnings in devtools; harmless but adds console noise for anyone debugging the app.

2 visual changes

Step 11,268 px changed
Before
Before
After
After
Diff
Diff
Step 2709 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,333 test runs recorded · 1,174 products tested with Lastest

This test was built for xuxu.thanhmam.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.