Recording of the visual regression run on pubspot.vercel.app · PUB — app walkthrough.

In this video· click a step to jump to it

P
Passed ✓

Test recording

PUB — app walkthrough

47,550 ms · 0 pixels changed · matches baseline

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

Take this test with you

This is a real Playwright test, recorded against pubspot.vercel.app. 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`);
  const STAMP = Date.now().toString(36);
  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); })()";

  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' });

  // NOTE: This is an SPA on Vercel — direct goto to sub-routes 404s. All in-app
  // navigation MUST be via client-side clicks from the home page.

  // ── Authenticated home (Appwrite session attached via setupOverrides) ──────
  let n = 1;
+127 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
✓
Text
—
DOM
✓
Network
+405 −18
Console
✓
A11y
A
Perf
198 over
URL
216 diverged
Variables
—
Full report
Log in →
0
Diff px
48s
Duration
A
Accessible
WCAG 2.2 · 100
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

We drove The PUB end-to-end while signed in: your editorial homepage, the All Posts grid, reading a story, then writing a brand-new post in the TinyMCE editor (title, slug, rich body, status) and publishing it. The magazine-style layout and reading-mode toggle give it a genuinely polished editorial feel.

Highlights
  • Editorial design
    The publication-grid homepage plus the reading-mode toggle make PUB read like a real magazine rather than a generic blog CMS, a strong first impression.
  • Full rich editor
    The Add Post screen ships a complete TinyMCE editor (formatting, tables, media) so writers get real authoring tools on day one.
Friction points
  • Direct URLs 404
    Typing or bookmarking /signup or /add-post returns a hard Vercel 404, only in-app clicks route correctly. A catch-all rewrite to index.html in vercel.json is a one-line fix.
  • Plus-addressed emails silently rejected
    Signing up with a [email protected] address never fires the request and shows no error, so those users are stuck with no feedback. Worth allowing '+' or surfacing a validation message.

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,399 test runs recorded · 1,174 products tested with Lastest

This test was built for pubspot.vercel.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.