Lastest
Sign inSign up free
Recording of the visual regression run on watchup.site · WatchUp — app walkthrough.

In this video· click a step to jump to it

W
Passed ✓

Test recording

WatchUp — app walkthrough

80,750 ms · 119 pixels changed

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

Visit site

Take this test with you

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

Claim this test — freeSign in to run it
export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const shot = (n, s) => screenshotPath.replace('.png', `-${n}-${s}.png`);
  const ORIGIN = new URL("https://watchup.site/projects/5b52f5c2-a105-4cbd-868b-ac96b9c8be34/dashboard").origin;
  const MINPOST = 9;
  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(){});
  let idx = 1, post = 0;
  const cap = async (slug, full) => { stepLogger.log('Scenario ' + idx + ': ' + slug); await page.screenshot({ path: shot(idx, slug.replace(/[^a-z0-9]+/gi,'-').replace(/^-|-$/g,'').toLowerCase().slice(0,22) || 'view'), fullPage: full !== false }); idx++; };

  // Scenario 1: public home
  await page.goto("https://watchup.site/", { waitUntil: 'domcontentloaded' });
  await page.waitForLoadState('networkidle', { timeout: 6000 }).catch(function(){});
  await page.waitForTimeout(1300);
+80 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
0.31%
Text
—
DOM
✓
Network
—
Console
✓
A11y
B
Perf
52 over
URL
✓
Variables
—
Full report
Log in →
119
Diff px
1m 21s
Duration
B
Accessible
WCAG 2.2 · 85
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

WatchUp is an observability platform (errors, traces, alerts, uptime) for dev teams. After signup and creating a monitoring project, the dashboard splits into MONITOR (Overview, Analytics, Requests, Events), DIAGNOSE (Errors, Alerts, Endpoints), INFRASTRUCTURE (Database, Server agents) and SETTINGS (Team, Alert channels, API Keys) - clean grouping for a launch-stage product.

Highlights
  • Sectioned information architecture
    The sidebar groups 12 views into MONITOR / DIAGNOSE / INFRASTRUCTURE / SETTINGS - a clear mental model for an observability tool, not a flat list.
  • Project-scoped from the start
    Each project gets a unique UUID for SDK and API integration, surfaced immediately after creation - good multi-tenant hygiene for a young product.
Friction points
  • Signup bounces to login
    Creating an account redirects to /login?next=/projects instead of logging you straight in - an extra step before first value.
  • Empty dashboard until a project exists
    The whole dashboard is gated behind creating a project; a pre-seeded sample project would let evaluators see the product instantly.

3 visual changes

Step 547 px changed
Before
Before
After
After
Diff
Diff
Step 951 px changed
Before
Before
After
After
Diff
Diff
Step 1221 px changed
Before
Before
After
After
Diff
Diff

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

This test was built for watchup.site — 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 testSign in
Browse more live Lastest demo reports →