Recording of the visual regression run on silentshark.app · Silent Shark Basic Tutorial walkthrough.

In this video· click a step to jump to it

S
Passed ✓

Test recording

Silent Shark Basic Tutorial walkthrough

160,402 ms · 256 pixels changed

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

Take this test with you

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

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const log = (...args) => { try { stepLogger?.log?.(args.map(String).join(' ')); } catch {} };
  const warn = (...args) => { try { stepLogger?.warn?.(args.map(String).join(' ')); } catch {} };

  const dir = screenshotPath.replace(/\/?[^/]+\.png$/, '');
  const shot = async (n, slug) => {
    const file = `${dir}/${String(n).padStart(2,'0')}-${slug}.png`;
    try { await page.screenshot({ path: file, fullPage: true }); log('shot', n, slug); } catch (e) { warn('shot fail', n, slug, e?.message); }
  };

  const silentAudio = Buffer.from([0]);
  await page.route('**/*', (route) => {
+83 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
0.21%
Text
—
DOM
✓
Network
—
Console
✓
A11y
—
Perf
517 over
URL
✓
Variables
—
Full report
Log in →
256
Diff px
2m 40s
Duration
—
Accessible
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

Silent Shark walks the full Basic Tutorial — main menu → Tutorials submenu → Basic Tutorial → in-game tutorial dialog (welcome message + Next x3 steps) → opens every station view in sequence (Periscope, Hydrophone, TDC, Tubes, Contacts, Event Log). The web app renders a remarkably complete WWII submarine control deck.

Highlights
  • Tutorial flow captured end-to-end
    Tutorials submenu, Basic Tutorial start, expanded welcome dialog, Next x3 progression — every step is a separate baseline.
  • All 6 station views opened
    Periscope, Hydrophone, TDC (Torpedo Data Computer), Tubes, Contacts, Event Log each captured mid-tutorial — a regression on any of these surfaces lands as a diff.
  • Tutorial pauses game time correctly
    Game paused at start, advances to 12:02:35Z by step 3 — time controls + pause state visible in every screenshot.
Friction points
  • Audio assets abort on autoplay
    /.opus files (holst_saturn, venus, mars) aborted with status 0; the test stubs them with silent placeholders. Worth fixing autoplay handling so users without gestures don't see broken state.

2 visual changes

Step 12 px changed
Before
Before
After
After
Diff
Diff
Step 2254 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 silentshark.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.