Recording of the visual regression run on scenariomock.com · scenariomock — app walkthrough.

In this video· click a step to jump to it

S
Passed ✓

Test recording

scenariomock — app walkthrough

29,359 ms · 0 pixels changed · matches baseline

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

Take this test with you

This is a real Playwright test, recorded against scenariomock.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 SM_TOKEN = '•••';
  const PROJECT_URL = baseUrl + '/projects/77a48bef-a1e5-454a-ad1b-50f4931e1f62';

  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' });
  // EB replays cookies only; the frontend reads its bearer from localStorage.sm_token — inject it before app JS runs.
  await page.addInitScript(function (tok) { try { window.localStorage.setItem('sm_token', tok); } catch (e) {} }, SM_TOKEN);
  for (const pattern of ['**/cdn-cgi/scripts/**/email-decode.min.js','**/cdn-cgi/scripts/**/cloudflare-static/**','**/sentry-cdn.com/**','**/browser.sentry-cdn.com/**','**/cdn.segment.com/**','**/connect.facebook.net/**']) {
    await page.route(pattern, function (r) { r.abort().catch(function () {}); }).catch(function () {});
  }
+86 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
✓
Text
—
DOM
✓
Network
+0 −8
Console
✓
A11y
A
Perf
✓
URL
8 diverged
Variables
—
Full report
Log in →
0
Diff px
29s
Duration
A
Accessible
WCAG 2.2 · 100
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

ScenarioMock's authenticated app is a focused, no-nonsense mock-API workspace. The dashboard lists your Projects; opening one shows a clean endpoints table with a generated Mock URL (yourname--project.scenariomock.com) and an Add Endpoint action, so you go from 'new project' to a live mock base URL in two clicks. A left rail covers Projects, Docs, Plan & Billing and Account Settings, and the free plan (10 endpoints, 60 req/min) is stated up front.

Highlights
  • Instant, human-readable mock URLs
    Each project gets a live subdomain like yourname--demo-store-api.scenariomock.com the moment it's created — a developer can point their client at it immediately, before defining a single endpoint.
  • Honest free-tier framing
    The Free Plan card states the exact limits (10 endpoints, 60 req/min) right in the sidebar rather than hiding them behind an upgrade wall — the kind of transparency devs reward.
Friction points
  • Dashboard gated on a hidden setup step
    The Projects dashboard silently redirects to Account Settings until a username is saved; a one-line 'set a username to create your first project' prompt would make that requirement obvious.
  • Empty project has one CTA but no example
    A brand-new project shows only 'No endpoints. Click Add Endpoint' — seeding one example GET /health endpoint would show the value before any typing.

Share this run

Earned · Lastest awards

Proof your app is not AI slop

LASTEST
starter
tests
all passing
a11y
WCAG AA
regressions
0
Badges stay live, ratchet upward, only downgrade on confirmed regression.
57,604 test runs recorded · 1,174 products tested with Lastest

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