Recording of the visual regression run on hatchr.in · Hatchr — authed build-in-public feed.
H
Failed

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(()=>{});
+17 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
4m 00s
Duration
—
Accessible

Notes from the demo run

AI-generated

Hatchr 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.

Highlights
  • Feed is pre-populated on day zero
    A 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 filter
    The 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 follow
    The right rail surfaces builders to follow in-line, so the user can curate their feed before posting anything.
Friction points
  • Two competing composers
    Both 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 rhythm
    Cards alternate text, image, and embedded link previews without strong card boundaries, making it harder to scan than Twitter or Hacker News.

Share this run

57,604 test runs recorded · 1,174 products tested with Lastest

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.