Recording of the visual regression run on www.heuron.news · Heuron — app walkthrough.

In this video· click a step to jump to it

W
Passed ✓

Test recording

Heuron — app walkthrough

46,203 ms · 145,921 pixels changed

We built this regression test for www.heuron.news — it's yours to keep, free.

Take this test with you

This is a real Playwright test, recorded against www.heuron.news. Claim it into your own workspace and re-run it on every deploy — free.

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  // Heuron — authed news-reader walkthrough. Session replayed via setupOverrides.
  const shot = (n, s) => screenshotPath.replace('.png', `-${n}-${s}.png`);
  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, 1300); await new Promise(r => setTimeout(r, 300)); await anim(max, 0, 700); })()";
  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' });
  for (const pat of ['**/cdn-cgi/scripts/**/email-decode.min.js','**/sentry-cdn.com/**','**/browser.sentry-cdn.com/**','**/cdn.segment.com/**','**/connect.facebook.net/**','**/*.posthog.com/**']) { await page.route(pat, r => r.abort()).catch(function(){}); }
  const settle = async () => { await page.waitForLoadState('networkidle').catch(function(){}); await page.locator('h1, h2, main, article, [role="main"]').first().waitFor({ state:'visible', timeout:6000 }).catch(function(){}); await page.waitForTimeout(450); };

  let n = 1;
  stepLogger.log('Personalized news feed');
  await page.goto(baseUrl, { waitUntil:'domcontentloaded' }).catch(function(){});
  const acc = page.getByRole('button', { name: /accept|allow|got it|agree|ok$/i }).first();
+40 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
100.00%
Text
—
DOM
✓
Network
+0 −20
Console
✓
A11y
A
Perf
260 over
URL
✓
Variables
—
Full report
Log in →
145,921
Diff px
46s
Duration
A
Accessible
WCAG 2.2 · 100
B
Fast
Web Vitals · 85

Notes from the demo run

AI-generated

Heuron is a fast, clean 'social + visual' news hub. Logged in, every story opens with a KEY FACTS summary panel before the full article, and each piece carries like, bookmark and share actions plus view/reaction counters — turning passive reading into a lightweight social surface. The card-based feed is well-paced and the category tags (Conflict, Sport, Politics) make scanning easy.

Highlights
  • KEY FACTS summary panel
    Each article leads with a bulleted KEY FACTS box before the long-form body — a genuinely useful 'get the gist in 10 seconds' pattern most news readers lack.
  • Per-article social actions
    Like, bookmark and share controls plus reaction/view counters sit on every story, giving the authed experience a social layer over plain reading.
  • Frictionless onboarding
    Email+password signup grants a working session immediately with no blocking verify-email wall — an evaluator is reading inside the product within seconds.
Friction points
  • Fixed-height reading pane
    Articles scroll inside a fixed-viewport panel rather than the page, so the full-page capture shows one screenful; a taller default reading view would show more of each story at a glance.
  • No distinct account surface
    Navigation centres on articles + About/Policy; there isn't an obvious 'saved/bookmarked' or preferences view to revisit the social actions a reader takes.

8 visual changes

Step 124,076 px changed
Before
Before
After
After
Diff
Diff
Step 29 px changed
Before
Before
After
After
Diff
Diff
Step 39 px changed
Before
Before
After
After
Diff
Diff
Step 49 px changed
Before
Before
After
After
Diff
Diff
Step 59 px changed
Before
Before
After
After
Diff
Diff
Step 68 px changed
Before
Before
After
After
Diff
Diff
Step 79 px changed
Before
Before
After
After
Diff
Diff
Step 10121,792 px changed
Before
Before
After
After
Diff
Diff

Share this run

Earned · Lastest awards

Proof your app is not AI slop

LASTEST
starter
a11y
WCAG AA
regressions
0
Badges stay live, ratchet upward, only downgrade on confirmed regression.
57,262 test runs recorded · 1,161 products tested with Lastest

This test was built for www.heuron.news — 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.