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

In this video· click a step to jump to it

B
Passed ✓

Test recording

Balladic — app walkthrough

52,055 ms · 4,363,912 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against balladic.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, s) => screenshotPath.replace('.png', `-${n}-${s}.png`);
  const ORIGIN = "https://balladic.com";
  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://balladic.com", { 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
+72 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
100.00%
Text
—
DOM
✓
Network
+8 −96
Console
✓
A11y
Review
Perf
40 over
URL
88 diverged
Variables
—
Full report
Log in →
4,363,912
Diff px
52s
Duration
Review
Accessible
WCAG 2.2
B
Fast
Web Vitals · 85

Notes from the demo run

AI-generated

Balladic opens with a friendly, conversational onboarding ('How do you work?') that shapes the experience before dropping you into the product — a thoughtful touch that personalises the first session rather than dumping a blank canvas.

Highlights
  • Guided onboarding
    A short, skippable wizard tailors the workspace to how you work before first use.
  • Escape hatch
    'skip for now' is always available, so power users aren't forced through the tour.
Friction points
  • Selection-gated Next
    The Next button stays disabled until an option is chosen; a default selection would speed things up.

7 visual changes

Step 113,579 px changed
Before
Before
After
After
Diff
Diff
Step 352,519 px changed
Before
Before
After
After
Diff
Diff
Step 4861,638 px changed
Before
Before
After
After
Diff
Diff
Step 5864,853 px changed
Before
Before
After
After
Diff
Diff
Step 6870,467 px changed
Before
Before
After
After
Diff
Diff
Step 7850,321 px changed
Before
Before
After
After
Diff
Diff
Step 8850,535 px changed
Before
Before
After
After
Diff
Diff

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

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