Recording of the visual regression run on guessthatgrade.com · Guess That Grade — TCG card grading walkthrough.

In this video· click a step to jump to it

G
Passed ✓

Test recording

Guess That Grade — TCG card grading walkthrough

27,845 ms · 108,281 pixels changed

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

Take this test with you

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

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const shot = (n, slug) => screenshotPath.replace('.png', `-${n}-${slug}.png`);
  const settle = () => page.waitForLoadState('networkidle').catch(() => {});
  const base = baseUrl || 'https://guessthatgrade.com';

  await page.route('**/*', (route) => {
    const u = route.request().url();
    if (/email-decode|cloudflareinsights|googletagmanager|google-analytics|hotjar|fullstory|posthog/.test(u)) return route.abort();
    return route.continue();
  });

  stepLogger.log('Scenario 1: Home — category picker');
+79 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
68.83%
Text
—
DOM
✓
Network
+14 −14
Console
✓
A11y
—
Perf
—
URL
✓
Variables
—
Full report
Log in →
108,281
Diff px
28s
Duration
—
Accessible

Notes from the demo run

AI-generated

Guess That Grade (guessthatgrade.com) by u/slippinjimmy888 is a daily-game-style trivia for trading-card collectors: look at a real PSA-graded card image, guess the grade, see how your eye compares to the community average. Covers 5 TCG categories (Pokémon, One Piece, Magic, Yu-Gi-Oh, Lorcana) and 3 sports (Football, Baseball, Basketball). Optional Discord-OAuth login binds your score to a leaderboard; Pokemon-themed avatar picker is a fun no-login flourish. Pre-Grade, Stats, Leaderboard are first-class routes.

Highlights
  • 8-category-deep TCG + Sports coverage
    Most card-collector games ship Pokemon only. Guess That Grade ships 5 TCG (Pokémon, One Piece, Magic, Yu-Gi-Oh, Lorcana) plus 3 sports (Football, Baseball, Basketball). Each category is a button on the home picker — the breadth doubles the addressable audience without splitting the codebase.
  • Pokemon-themed avatar picker as the no-login identity
    Top-right combobox shows ⚡ Pikachu / 🌿 Bulbasaur / 🔥 Charizard / 💤 Snorlax / 🌊 Greninja / 🧬 Mewtwo / 👻 Gengar etc. Anonymous players get a fun identity for the leaderboard without binding to an account. Small but tone-perfect choice.
  • Pre-Grade as a first-class verb in the nav
    Most card-grading sites offer 'play' + 'leaderboard'. Adding a Pre-Grade tab signals it's not just a game — collectors can pre-grade their own cards using community judgement before paying PSA's $20-$200 fees. That doubles the product's value prop: fun for casual players AND useful for serious collectors.
  • Community-average comparison frames every guess
    Tagline: 'See how your eye compares to the community average'. Reframes a solo guessing game into a social one — every guess answers two questions (what's the grade + am I better than average). Strong retention loop, especially for the trading-card community where eye-for-condition is a brag.
Friction points
  • Discord-only OAuth — no email / Google option
    Connect Discord is the only auth surface. Plenty of collectors live on Twitter/Reddit/Facebook, not Discord — adding even a Google sign-in would widen the leaderboard ladder. The Discord choice makes sense for community-server raids but limits the top of funnel.
  • Category picker is button-only with no genre images
    Buttons say '⚡ Pokémon' / '⚔️ One Piece' etc — emoji + text. Adding a small card preview thumbnail next to each button would set tone immediately and let visitors discover categories they didn't know existed (most Pokemon collectors don't realise One Piece is a TCG).
  • Random card variance triggers visual diffs across runs
    The card image changes per visit (correct game behaviour), which trips visual-regression tools. For Lastest specifically: 2 visual-diff cells on the second run vs 0 expected. Worth a 'random card' mask region or a fixed-seed dev-mode for stable visual snapshots.

3 visual changes

Step 291,609 px changed
Before
Before
After
After
Diff
Diff
Step 316,115 px changed
Before
Before
After
After
Diff
Diff
Step 4557 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,604 test runs recorded · 1,174 products tested with Lastest

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