Recording of the visual regression run on drumtoscore.com · DrumToScore — app walkthrough.

In this video· click a step to jump to it

D
Passed

Test recording

DrumToScore — app walkthrough

84,418 ms · 643 pixels changed

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

Take this test with you

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

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const UA = 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.0.0.0 Safari/537.36';
  await page.context().setExtraHTTPHeaders({ 'User-Agent': UA }).catch(() => {});
  for (const pat of [
    '**/cdn-cgi/scripts/**/email-decode.min.js',
    '**/browser.sentry-cdn.com/**',
    '**/cdn.segment.com/**',
    '**/connect.facebook.net/**',
    '**/www.googletagmanager.com/**',
    '**/static.hotjar.com/**',
  ]) { await page.route(pat, r => r.abort()).catch(() => {}); }
+82 more lines claim the test to get the full code.

Checks run

Run
Visual
0.04%
Text
DOM
Network
+32 −0
Console
A11y
A
Perf
496 over
URL
Variables
Full report
Log in →
643
Diff px
1m 24s
Duration
A
Accessible
WCAG 2.2 · 100
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

We signed in with Google and drove the score editor on the demo groove: Timing, Review, the Export sheet, Mixer, Metronome, the practice room, project settings and the credits page. The editor is the product and it holds up - 163 hits across fourteen instrument lanes, snap options down to triplets, and exports to PDF, MIDI and MusicXML. The one thing we would change is the Google consent screen: it says you are signing in to neon.tech.

Highlights
  • 30 seconds free with no account and no card
    The upload page processes the first 30 seconds of any recording before signup. That is the right amount of product to give away for something this hard to describe in copy.
  • Exports go where drummers actually work
    The export sheet offers printable PDF, General MIDI percussion ready for a DAW, and MusicXML 4.0 for notation apps. Three real destinations, each with a one-line reason.
  • The product is honest about its accuracy
    'The chart gets you close. Your ears finish the job' on the sign-in screen, and a Review queue with 9 flagged hits in the editor. Setting that expectation before the first chart is smarter than claiming perfection.
Friction points
  • Google consent screen says 'continue to neon.tech'
    Signing in with Google shows 'Choose an account to continue to neon.tech' rather than DrumToScore. Users are being asked to trust your database vendor by name. Setting the OAuth app's display name and homepage in the Neon Auth project fixes it.
  • An empty workspace reads as a search miss
    With no projects, /projects renders 'No matching projects - try a different search' rather than a first-run empty state. It implies a filter is applied when nothing has been created yet.

3 visual changes

Step 145 px changed
Before
Before
After
After
Diff
Diff
Step 15319 px changed
Before
Before
After
After
Diff
Diff
Step 16319 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
a11y
WCAG AA
regressions
0
Badges stay live, ratchet upward, only downgrade on confirmed regression.
56,720 test runs recorded · 993 products tested with Lastest

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