Recording of the visual regression run on guesswhat-studio.github.io · Calabash — detective-board walkthrough (Ackroyd tutorial).

In this video· click a step to jump to it

G
Passed ✓

Test recording

Calabash — detective-board walkthrough (Ackroyd tutorial)

74,911 ms · 0 pixels changed · matches baseline

We built this regression test for guesswhat-studio.github.io — it's yours to keep, free.

Take this test with you

This is a real Playwright test, recorded against guesswhat-studio.github.io. 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://guesswhat-studio.github.io';

  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: Welcome dialog');
+72 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
✓
Text
—
DOM
✓
Network
—
Console
✓
A11y
—
Perf
—
URL
✓
Variables
—
Full report
Log in →
0
Diff px
1m 15s
Duration
—
Accessible

Notes from the demo run

AI-generated

Calabash (guesswhat-studio.github.io/Calabash) by u/Typical_Loss_6812 is a local-first, open-source detective board for mystery readers. Track characters, aliases, clues, relationships, timelines, and theories without an AI solver giving away the answer. Welcome dialog ships 4 entry points: Blank book, Puzzle contest template, Roger Ackroyd tutorial (Hercule Poirot board with portraits + chapter marks), Kindaichi tutorial (alias/reveals/masked identities). All data lives in the local browser; no signup, no cloud sync. Two board styles: Text and Portrait.

Highlights
  • Anti-AI positioning — 'I still do the thinking myself'
    The launch post explicitly rejects the AI-summarizer category: 'I didn't want an AI tool that solves or summarizes the mystery for me. I wanted something closer to a local detective board where I still do the thinking myself.' For a 2026 launch this counter-positioning is rare and well-targeted — the mystery-reader audience is exactly the cohort allergic to spoilers and to LLMs that synthesize-before-asking.
  • Four entry points on the welcome dialog (not just 'New project')
    Blank book / Puzzle contest template / Roger Ackroyd tutorial (Christie's classic) / Kindaichi tutorial (Japanese manga detective). Each is a curated demo for a different reading style. Visitor goes from 'huh, what is this?' to 'oh, I get exactly what this is for' in one click. Most local-first apps ship empty templates and lose the user at the cold-start moment.
  • Two board styles (Text + Portrait) — same data, different visual mode
    Toggling between Text and Portrait re-renders the same character/relationship graph with different node templates. Portrait mode is the literal corkboard-with-photos detective aesthetic; Text is for power users who want the data without the chrome. Single toggle, no settings cascade.
  • Chapter-gated spoiler protection ('Protect chapter 1')
    Top toolbar has a 'Protect chapter X' button. Visitors who haven't reached chapter X can't accidentally see future-chapter clues even if they share a board with a friend. This is the differentiating feature — most note-taking tools require you to manually hide things; Calabash bakes spoiler-control into the data model.
  • Export full library + import backup — proper local-first hygiene
    'Export Library before switching devices or testing risky builds.' The founder explicitly tells you to back up before beta-build risk. That's the kind of warning a privacy-aware, IndexedDB-first founder writes — not the 'we're in beta, sorry' boilerplate. Trust-building.
Friction points
  • Welcome dialog has 4 CTAs of equal visual weight
    Blank / Puzzle template / Ackroyd / Kindaichi — all four look the same. A first-time visitor has no signal about which to try first. Subtle hierarchy (e.g., 'Recommended: Ackroyd tutorial — see how it works in 60 seconds') would reduce the cold-start hesitation.
  • Floating panel UI on small viewports could overlap the canvas
    Sidebar (left), Inspector (right), and toolbar (top) are all open by default. On a 13-inch laptop the central board space gets squeezed. Mobile/small-screen visitors won't have a great experience — even though the tool is desktop-first, a 'Hide all panels' single-shortcut would help.
  • GitHub repo URL is the only link to source
    Footer 'GitHub' link is the only way to find the codebase. The README is presumably good, but a one-paragraph 'How Calabash stores your data' on the home page (or inside Settings) would head off the 'wait, is my data going to be sold' question that local-first products get asked first.

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

This test was built for guesswhat-studio.github.io — 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.