Sign in Sign up free

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

In this video· click a step to jump to it

A

Passed ✓

Test recording

Annot.io — app walkthrough

38,999 ms · 74 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against annot.io. Claim it into your own workspace and re-run it on every deploy — free.

Claim this test — free Sign in to run it

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const shot = (n, s) => screenshotPath.replace('.png', `-${n}-${s}.png`);
  const ORIGIN = "https://app.annot.io";
  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' }).catch(function(){});
  // Scenario 1: public home
  await page.goto("https://annot.io", { waitUntil: 'domcontentloaded' });
  await page.waitForLoadState('networkidle', { timeout: 8000 }).catch(function(){});
  await page.waitForTimeout(1400);
  { const cb = page.getByRole('button', { name: /accept all|^accept$|got it/i }).first(); if (await cb.isVisible().catch(function(){return false;})) { await cb.click({timeout:2000}).catch(function(){}); await page.waitForTimeout(500); } }
  stepLogger.log('Scenario 1: Home');
  await page.screenshot({ path: shot(1, 'home'), fullPage: true });
  // Sign-in

+64 more lines — claim the test to get the full code.

Checks run

Run

✓

Visual

0.01%

Text

—

DOM

✓

Network

—

Console

✓

A11y

B

Perf

48 over

URL

✓

Variables

—

74

Diff px

39s

Duration

B

Accessible

WCAG 2.2 · 85

C

Fast

Web Vitals · 70

Notes from the demo run

AI-generated

Annot.io drops you straight into a clean, data-dense dashboard — comment breakdown donut, project overview cards, and an MCP-agent status panel — even before you have a single project. The empty-state nudge to 'Create your first project' is unmissable.

Highlights

Useful empty state
The dashboard renders real metric scaffolding (comment breakdown, active vs shared projects, agent queue) on a brand-new account, so a first-time visitor immediately understands what the product tracks.
Clear left-nav IA
Projects / Folders / Integrations / Settings are split out as distinct routes, which keeps the visual-feedback workflow easy to follow.

Friction points

Signup tab default
app.annot.io/login opens on the Sign In tab; a visitor with the ?tab=signup link still lands on Sign In after the redirect strips the param.

Visual change

Share this run

Earned · Lastest awards

Proof your app is not AI slop

LASTEST

starter

tests

all passing

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 annot.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.

Claim this test Sign in

Browse more live Lastest demo reports →