In this video· click a step to jump to it
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');Checks run
Notes from the demo run
AI-generatedGuess 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.
- 8-category-deep TCG + Sports coverageMost 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 identityTop-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 navMost 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 guessTagline: '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.
- Discord-only OAuth — no email / Google optionConnect 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 imagesButtons 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 runsThe 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
Share this run
Proof your app is not AI slop
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.








