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) => {Checks run
803,811
Diff px
1m 03s
Duration
A
Accessible
WCAG 2.2 · 97
A
Fast
Web Vitals · 100
Notes from the demo run
AI-generatedNotes2Pic'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 previewThe canvas re-renders on every keystroke, so what you'll export is always on screen, no separate preview step.
- One-screen workflowContent, 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 composingTyping 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 missThe 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
Share this run
Earned · Lastest awards
Proof your app is not AI slop
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.





























