Test recording
Hatchr — authed build-in-public feed
240,000 ms · 0 pixels changed · matches baseline
We built this regression test for hatchr.in — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against hatchr.in. 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`);
await page.route('**/cdn-cgi/**', r => r.abort()).catch(()=>{});
await page.route('**/rum?**', r => r.abort()).catch(()=>{});
const settle = () => page.waitForLoadState('domcontentloaded', { timeout: 8000 }).catch(() => {});
stepLogger.log('1: Authed landing');
await page.goto(baseUrl, { waitUntil: 'domcontentloaded', timeout: 20000 }).catch(() => {});
await settle();
await page.waitForTimeout(1500);
const dismiss = page.getByRole('button', { name: /skip|got it|dismiss|continue|close|maybe later|not now|next/i }).first();
if (await dismiss.isVisible({ timeout: 1500 }).catch(()=>false)) await dismiss.click({timeout:2000}).catch(()=>{});
await page.screenshot({ path: shot(1, 'authed-landing'), fullPage: true }).catch(()=>{});Checks run
Notes from the demo run
AI-generatedHatchr is a build-in-public feed: after OTP verification, the user lands on a dark-mode /feed that mixes long-form posts, screenshots, and link cards from other indie builders. A left sidebar lists topics (Mass Layered Engineering, Astronomy Tools, plus saved interest tags) and a right rail shows trending profiles to follow, so the empty-state for a new account never actually feels empty.
- Feed is pre-populated on day zeroA fresh account immediately sees rich posts from other builders, which is rare in social products and removes the cold-start barrier.
- Topical sidebar doubles as a filterThe left nav lists interest tags rather than top-level features, framing the product as a vertical builder community rather than a generic feed.
- Recommended profiles drive first followThe right rail surfaces builders to follow in-line, so the user can curate their feed before posting anything.
- Two competing composersBoth a top-of-feed Create Post inline composer and a dedicated New Nest button push the user to publish before they have read three posts.
- Dense visual rhythmCards alternate text, image, and embedded link previews without strong card boundaries, making it harder to scan than Twitter or Hacker News.
Share this run
This test was built for hatchr.in — 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.