In this video· click a step to jump to it
Test recording
letRetro — app walkthrough
101,592 ms · 13,134 pixels changed
We built this regression test for app.letretro.com — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against app.letretro.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 STAMP = Date.now().toString(36);
const BOARD = 'https://app.letretro.com/board/ea32eae4-f4c3-43df-9755-44b80496cb6b';
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' });
await page.route('**/cdn-cgi/scripts/**', function (r) { r.abort(); }).catch(function () {});
await page.route('**/*sentry-cdn.com/**', function (r) { r.abort(); }).catch(function () {});
await page.route('**/*.posthog.com/**', function (r) { r.abort(); }).catch(function () {});
// ─── Scenario 1: public home (context only) ──────────────────────────────Checks run
Notes from the demo run
AI-generatedWe signed into letRetro with Google, created a Start/Stop/Continue board, added a card mid-run and walked eleven authenticated surfaces. The retro board itself is the strongest thing you have: columns, card counts, vote/comment affordances and the session timer are all legible in a single frame with no onboarding tour in the way. The board-creation wizard (name, template, team, privacy) is four steps but each one has exactly one decision on it, which is why an agent could complete it without a single retry.
- Board creation is four one-decision stepsName, template, team, privacy. No step asks two things at once, so nothing needs re-reading. Eight templates with the column count printed on each card means the choice is made without opening docs.
- The board frame explains itselfColumn headers carry live counts, each card shows votes/comments/timestamps, and the timer plus Finish Board sit in the header. A newcomer joining mid-retro can read the state in one glance.
- Billing shows real usage, not just plan namesYour /dashboard/billing renders live counters (boards 1/3, AI docs 0/2, exports 0/5) against the Free plan. That is a far better upgrade argument than a feature table alone.
- MFA nudge is dismissible, not blockingThe 'Strengthen your account' prompt offers 'Remind me in 7 days'. Most products in this category hard-gate the dashboard on it.
- Add card lands in whichever column was last openedWe clicked Add card under CONTINUE twice and both cards landed in STOP. The composer appears to bind to the last-focused column rather than the clicked one. Scoping the composer state to the column element would fix it.
- Trends is a full-page lock screen on Free/dashboard/trends renders only the 'Unlock Trend Analysis' card with the real panel greyed out behind it. Showing one real board's trend with the rest blurred would sell the upgrade harder than an empty lock.
- /dashboard/settings/api-keys·Skipped deliberately - we do not mint API keys on a recorded demo.
5 visual changes
Share this run
Proof your app is not AI slop
This test was built for app.letretro.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.














