Recording of the visual regression run on cosmicreader.app · Cosmic Reader — app walkthrough.

In this video· click a step to jump to it

C
Passed ✓

Test recording

Cosmic Reader — app walkthrough

18,118 ms · 316,373 pixels changed

We built this regression test for cosmicreader.app — it's yours to keep, free.

Take this test with you

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

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const EMAIL = '[email protected]';
  const PASSWORD = '•••';
  const CHAINED_AUTH = true; // setupTestId points at "Cosmic Reader — auth setup"

  const shot = (n, slug) => screenshotPath.replace('.png', `-${n}-${slug}.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, 1400); await new Promise(r => setTimeout(r, 350)); await anim(max, 0, 800); })()";

  let n = 1;

  // ─── Public phase: home + 2 DOM-discovered public routes ───────────────────
  stepLogger.log(`Scenario ${n}: Homepage`);
+167 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
87.88%
Text
—
DOM
✓
Network
+90 −80
Console
✓
A11y
A
Perf
✓
URL
✓
Variables
—
Full report
Log in →
316,373
Diff px
18s
Duration
A
Accessible
WCAG 2.2 · 100
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

Cosmic Reader is a slick, terminal-themed space-news aggregator (NASA/ESA/SpaceX + independent observatories), not an astrology app despite the name. The dark sci-fi UI (Galaxy Map with orbiting sector planets, a live local-time + active-feeds readout) is distinctive for an indie news reader. Auth is Supabase email+password behind an "Enter Terminal" modal with Google/GitHub/X OAuth also offered. Post-login, the app gives a personalized dashboard (My Feed with topic filters), a bookmarking system (Saved Stories), a Trending rail, and even a public community chat (Comms) tied to the user's callsign.

Highlights
  • Galaxy Map sector picker
    The dashboard visualizes news categories as orbiting planets (Planets, Space Frontier, Physics & Cosmos, Moon, AI & Tech, UAP) rather than a plain nav list — a genuinely differentiated home-screen metaphor for a news reader.
  • Working save/bookmark loop
    Save story on an article toggles instantly and is reflected live in Saved Stories — persisted, not decorative.
  • Rich settings surface
    Settings modal lets the user pick an avatar (emoji grid or photo upload), set a display name, and tag topics of interest that "feed the build roadmap" per the copy — a nice transparency touch.
Friction points
  • Confirmation email can land in spam
    The app's own signup-sent screen warns 'our first email sometimes lands in spam until your provider trusts us' — worth improving sender reputation/SPF-DKIM since it is visibly costing first-run signups.
  • Trending/Comms show a brief loading stall
    Both routes render a 'Loading signals...' / 'Establishing uplink...' placeholder for a moment after navigation before content streams in; a lightweight skeleton state would read less like a stall.

10 visual changes

Step 11,172 px changed
Before
Before
After
After
Diff
Diff
Step 21,972 px changed
Before
Before
After
After
Diff
Diff
Step 3134,979 px changed
Before
Before
After
After
Diff
Diff
Step 4134,931 px changed
Before
Before
After
After
Diff
Diff
Step 510,811 px changed
Before
Before
After
After
Diff
Diff
Step 616,270 px changed
Before
Before
After
After
Diff
Diff
Step 712,833 px changed
Before
Before
After
After
Diff
Diff
Step 81,136 px changed
Before
Before
After
After
Diff
Diff
Step 91,170 px changed
Before
Before
After
After
Diff
Diff
Step 101,099 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,344 test runs recorded · 1,174 products tested with Lastest

This test was built for cosmicreader.app — 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.