In this video· click a step to jump to it
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`);Checks run
Notes from the demo run
AI-generatedCosmic 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.
- Galaxy Map sector pickerThe 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 loopSave story on an article toggles instantly and is reflected live in Saved Stories — persisted, not decorative.
- Rich settings surfaceSettings 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.
- Confirmation email can land in spamThe 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 stallBoth 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
Share this run
Proof your app is not AI slop
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.





























