Recording of the visual regression run on www.classkeep.app · ClassKeep — app walkthrough.

In this video· click a step to jump to it

W
Passed ✓

Test recording

ClassKeep — app walkthrough

199,195 ms · 3,716 pixels changed

We built this regression test for www.classkeep.app — it's yours to keep, free.

Take this test with you

This is a real Playwright test, recorded against www.classkeep.app. 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 = new URL("https://www.classkeep.app/onboarding").origin;
  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://www.classkeep.app/", { waitUntil: 'domcontentloaded' });
  await page.waitForLoadState('networkidle').catch(function(){});
  await page.waitForTimeout(1300);
  stepLogger.log('Scenario 1: Home');
  await page.screenshot({ path: shot(1, 'home'), fullPage: true });
  
  // Inline login (account pre-verified)
+101 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
0.47%
Text
—
DOM
✓
Network
+18 −0
Console
✓
A11y
B
Perf
18 over
URL
✓
Variables
—
Full report
Log in →
3,716
Diff px
3m 19s
Duration
B
Accessible
WCAG 2.2 · 85
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

ClassKeep's signup is fast (email + password, no verify wall) and drops you straight into a polished five-step onboarding wizard - studio type, branding, how it runs, payments, launch - with a thoughtful 'Try with sample data' option that seeds example classes and clients so the app isn't empty on first login. The authenticated surface is a complete studio-management shell: Schedule, Bookings, Class types, Resources, Clients, Instructors, Credit Packages, Payments, a Page builder for the public booking page, and Settings.

Highlights
  • 'Try with sample data' launch option
    The final onboarding step lets you seed example classes and clients (removable later) - a first-login dashboard that already shows the product working, rather than an empty state.
  • Skippable Stripe step
    Payments onboarding has an honest 'I'll do this later' escape - you reach the product without being forced through a Stripe connect first.
  • Broad, coherent studio shell
    Schedule, Bookings, Class types, Resources, Clients, Instructors, Credits and a Page builder for the booking page is a real operations suite, not a single-screen MVP.
Friction points
  • Onboarding help-widget overlaps the forward button
    The support_agent chat bubble renders over the bottom-right area where the wizard's Continue control sits, and can intercept clicks mid-onboarding.
  • Icon-only 'Continue' control
    The wizard's forward button is an unlabelled arrow_forward icon - fine visually, but it has no accessible text name, which hurts keyboard/screen-reader users.

Visual change

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

This test was built for www.classkeep.app — 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.