Recording of the visual regression run on shipcred.app · ShipCred — app walkthrough.

In this video· click a step to jump to it

S
Passed

Test recording

ShipCred — app walkthrough

80,851 ms · 33,431 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against shipcred.app. 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(() => {}); }
+77 more lines claim the test to get the full code.

Checks run

Run
Visual
5.28%
Text
DOM
Network
+77 −77
Console
A11y
A
Perf
99 over
URL
Variables
Full report
Log in →
33,431
Diff px
1m 21s
Duration
A
Accessible
WCAG 2.2 · 94
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

We signed up with a magic link, completed the seven-step maker onboarding and then drove the authed product: Dashboard, Analytics, Upvoted, Badge Studio, Settings, the first step of the Submit flow (we typed a product URL but stopped before shipping), Directory, Leaderboard and Newsletter. The dashboard is the standout - streak, career upvotes, all-time rank and a 'What did you ship today?' composer all on one screen.

Highlights
  • Mission control beats a profile page
    Career upvotes, active streak, all-time rank (#25) and 'who viewed you' in one view gives a brand-new account with zero ships something to come back for. The streak squares are the hook.
  • Onboarding teaches the product while it collects data
    Handle, about, stack chips, links, interests - by the end we understood what a ShipCred profile is for. The stack chips (+React, +TypeScript) are much faster than free text.
Friction points
  • The newsletter modal blocks the sign-in form
    'Subscribe to The Dispatch' opens over the page and intercepts pointer events, so our click on 'Send magic link' was swallowed - we had to dismiss the modal first. On a slow connection the modal can appear right as someone reaches for the sign-in button.
  • /login and /signin both 404
    Sign-in is modal-only, so the two URLs everyone types by reflex hit your 'Page not found'. Redirecting both to / with the auth modal open is a one-line fix.

8 visual changes

Step 24,750 px changed
Before
Before
After
After
Diff
Diff
Step 34,797 px changed
Before
Before
After
After
Diff
Diff
Step 45,059 px changed
Before
Before
After
After
Diff
Diff
Step 54,820 px changed
Before
Before
After
After
Diff
Diff
Step 85,420 px changed
Before
Before
After
After
Diff
Diff
Step 9314 px changed
Before
Before
After
After
Diff
Diff
Step 103,764 px changed
Before
Before
After
After
Diff
Diff
Step 114,507 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.
56,708 test runs recorded · 988 products tested with Lastest

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