Recording of the visual regression run on www.notes2pic.com · Notes2Pic — studio walkthrough.

In this video· click a step to jump to it

W
Passed

Test recording

Notes2Pic — studio walkthrough

63,258 ms · 803,811 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against www.notes2pic.com. 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 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); })()";
  const SB_KEY = "sb-wrymzmmqzyhgxkvudoma-auth-token";
  const SB_VAL = "•••";

  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 pattern of ['**/cdn-cgi/scripts/**/email-decode.min.js', '**/sentry-cdn.com/**', '**/browser.sentry-cdn.com/**', '**/cdn.segment.com/**', '**/connect.facebook.net/**']) {
    await page.route(pattern, r => r.abort()).catch(function () {});
  }

  await page.addInitScript((args) => {
+67 more lines claim the test to get the full code.

Checks run

Run
Visual
22.35%
Text
DOM
Network
+30 −30
Console
A11y
A
Perf
URL
Variables
Full report
Log in →
803,811
Diff px
1m 03s
Duration
A
Accessible
WCAG 2.2 · 97
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

Notes2Pic's studio is a single-screen editor: paste or type a post, pick a source style (Substack Note, X, etc.), switch canvas ratio (Square / Portrait / Story), and a live 1080x1350 preview updates as you type. Signing in adds a saved author profile so your name/handle/avatar carry across posts.

Highlights
  • Instant live preview
    The canvas re-renders on every keystroke, so what you'll export is always on screen, no separate preview step.
  • One-screen workflow
    Content, source style, canvas ratio, author identity and Export PNG all live in one panel, a new user can go from blank to exported image without navigating anywhere.
Friction points
  • Profile modal interrupts composing
    Typing a username popped a 'Create your profile' modal over the canvas mid-compose. Deferring it until first Export (or making it dismissible without losing focus) would keep the compose flow uninterrupted.
  • Auth is easy to miss
    The studio works fully signed-out, so the value of signing in (saved profiles) isn't surfaced until you stumble into it. A subtle 'sign in to save this author' nudge near the profile picker could lift sign-ups.

10 visual changes

Step 180,279 px changed
Before
Before
After
After
Diff
Diff
Step 280,279 px changed
Before
Before
After
After
Diff
Diff
Step 380,394 px changed
Before
Before
After
After
Diff
Diff
Step 480,448 px changed
Before
Before
After
After
Diff
Diff
Step 580,394 px changed
Before
Before
After
After
Diff
Diff
Step 680,423 px changed
Before
Before
After
After
Diff
Diff
Step 780,448 px changed
Before
Before
After
After
Diff
Diff
Step 880,394 px changed
Before
Before
After
After
Diff
Diff
Step 980,376 px changed
Before
Before
After
After
Diff
Diff
Step 1080,376 px changed
Before
Before
After
After
Diff
Diff

Share this run

Earned · Lastest awards

Proof your app is not AI slop

LASTEST
starter
regressions
0
Badges stay live, ratchet upward, only downgrade on confirmed regression.
56,491 test runs recorded · 978 products tested with Lastest

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