Recording of the visual regression run on offo.dev · Offo — app walkthrough.

In this video· click a step to jump to it

O
Passed ✓

Test recording

Offo — app walkthrough

98,597 ms · 7,001 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against offo.dev. 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, s) => screenshotPath.replace('.png', '-' + n + '-' + s + '.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, 1100); await new Promise(r => setTimeout(r, 280)); await anim(max, 0, 650); })()";

  await page.context().setExtraHTTPHeaders({ 'User-Agent': 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.0.0.0 Safari/537.36' });
  for (const pattern of ['**/cdn-cgi/scripts/**', '**/sentry-cdn.com/**', '**/cdn.segment.com/**', '**/connect.facebook.net/**', '**/*.posthog.com/**', '**/google-analytics.com/**', '**/googletagmanager.com/**', '**/fundingchoicesmessages.google.com/**', '**/pagead2.googlesyndication.com/**']) {
    await page.route(pattern, function (r) { r.abort(); }).catch(function () {});
  }
  const go = async function (path, n, slug, anchor) {
    await page.goto(baseUrl + path, { waitUntil: 'domcontentloaded' });
    await page.getByText(anchor, { exact: false }).first().waitFor({ state: 'visible', timeout: 22000 }).catch(function () {});
    await page.waitForTimeout(2800);
+63 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
46.03%
Text
—
DOM
✓
Network
+420 −420
Console
✓
A11y
A
Perf
48 over
URL
84 diverged
Variables
—
Full report
Log in →
7,001
Diff px
1m 39s
Duration
A
Accessible
WCAG 2.2 · 100
B
Fast
Web Vitals · 85

Notes from the demo run

AI-generated

We created an Offo account and walked the whole signed-in workspace: Overview, Billing, Payments, Credits, API Keys, My Listings, Support Tickets and Profile, then ran the actual submission flow - pasting a URL and generating a listing draft - and came back to the directory as a signed-in user. Signup is instant and the three free credits are visible on the first screen, which is exactly the right thing to show someone who just arrived.

Highlights
  • Credits are legible immediately
    Plan: Free, Credits: 3, API calls: 0 sit as four cards on the Overview. A new submitter knows what they can do before clicking anything.
  • Paste-a-URL is genuinely the whole flow
    The submit page is one input and one button. For a directory competing on 'no review queue, under 10 seconds', the form matches the promise.
  • An API surface on a free tier
    API Keys sitting next to Billing on day one signals this is meant to be built on, not just browsed.
Friction points
  • Starter-template boilerplate on the first authenticated screen
    The Overview's main panel reads 'Getting Started - Build your product on top of this engine. Your app content goes here.' That is scaffolding copy from the template, and it is the first thing a new account sees. Swapping it for a 'Submit your first tool' CTA would turn a dead panel into the primary action.
  • Eight settings tabs before the one thing people came to do
    Billing, Payments, Credits, API Keys, Listings, Tickets and Profile all sit above the fold, while Submit a tool lives elsewhere. For a product whose pitch is a ten-second submission, the workspace leads with administration.

Visual change

Step 127,001 px changed
Before
Before
After
After
Diff
Diff

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

This test was built for offo.dev — 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.