Recording of the visual regression run on avriz.io · avriz — app walkthrough.

In this video· click a step to jump to it

A
Passed ✓

Test recording

avriz — app walkthrough

50,441 ms · 0 pixels changed · matches baseline

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

Take this test with you

This is a real Playwright test, recorded against avriz.io. 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); })()";

  await page.context().addCookies([
    { name: 'cp', value: '28|1786497151|bb1118fd39cf6aac13920c8b201c15cbf3f55bd85ff4c59fcd7a759cc0eb6585', url: 'https://avriz.io', httpOnly: true, sameSite: 'Lax' }
  ]).catch(function () {});
  for (const pattern of ['**/cdn-cgi/scripts/**/email-decode.min.js', '**/browser.sentry-cdn.com/**', '**/cdn.segment.com/**', '**/connect.facebook.net/**']) {
    await page.route(pattern, function (r) { r.abort(); }).catch(function () {});
  }

  let n = 0;
+51 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
✓
Text
—
DOM
✓
Network
—
Console
✓
A11y
A
Perf
—
URL
✓
Variables
—
Full report
Log in →
0
Diff px
50s
Duration
A
Accessible
WCAG 2.2 · 94
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

We signed into Avriz with Google and walked the authenticated product. The dashboard is refreshingly spare — a single "No active plan → Build your box" card and a "Your IDE" panel — and the in-product docs (Getting started, Inside your box, Settings & keys, Billing) are well structured for a dev-box product where the real work happens inside a provisioned box.

Highlights
  • Zero-clutter dashboard
    The signed-in dashboard shows exactly one next action (Build your box) instead of an empty-state wall of widgets — a good fit for a product whose value lives inside the box, not the console.
  • Docs are part of the app
    Getting-started, Inside-your-box, Settings-&-keys and Billing docs are reachable while signed in, so a new user never has to leave the product to learn how the box, keys and credits work.
Friction points
  • Dashboard is a paywall until you subscribe
    With no active plan, the only authenticated surface is "Build your box → Subscribe"; a read-only preview of a box (even a demo one) would let evaluators feel the product before committing a card.
  • Deep links 404 hard
    Guessable routes like /boxes and /billing render a stark "This page doesn't exist" 404; a catch-all redirect to the dashboard would be friendlier for anyone landing from an old link.

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

This test was built for avriz.io — 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.