Recording of the visual regression run on www.getrupture.com · Rupture — app walkthrough.

In this video· click a step to jump to it

W
Passed ✓

Test recording

Rupture — app walkthrough

16,767 ms · 1 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against www.getrupture.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, slug) => screenshotPath.replace('.png', `-${n}-${slug}.png`);
  const settle = () => page.waitForLoadState('networkidle', { timeout: 3000 }).catch(() => {});
  let sc = 1;

  await page.goto(`${baseUrl}/app`, { waitUntil: 'domcontentloaded' });
  await settle();
  await page.waitForTimeout(2000);
  stepLogger.log(`Scenario ${sc}: Templates gallery (post-signup)`);
  await page.screenshot({ path: shot(sc, 'templates-gallery'), fullPage: true });
  sc++;
+72 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
1px
Text
—
DOM
✓
Network
—
Console
✓
A11y
—
Perf
✓
URL
✓
Variables
—
Full report
Log in →
1
Diff px
17s
Duration
—
Accessible
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

Rupture is a supply-chain stress tester — compose your chain (suppliers/factories/ports/warehouses/distribution/retailers) as a graph, then run named disruption scenarios (Hurricane, Pandemic, Cyber Attack, Supplier Bankruptcy, Port Labor Strike, Geopolitical/Trade War, Earthquake, Demand Spike) at varying severities. Email+password signup auto-logs you straight into /app and the first-run experience is a brilliant industry-template gallery (Taiwan Semiconductor, Automotive Manufacturing, Pharmaceutical, Consumer Electronics). Picking 'Pharmaceutical' loads a 10-node twin-production-lane chain — then Stress Test lets you configure 'Supplier Bankruptcy / Severe / Southeast Asia' and run a 1000-iteration sim.

Highlights
  • Industry templates teach the canonical topology
    Each tile ('TSMC · Samsung · Foxconn · Apple', 'Mirrored inbound arcs · central transit spine', 'Twin production lanes · converged care delivery', 'Split-and-recombine geometry') doubles as a mental model — instantly differentiating from a generic 'flowchart' tool.
  • Disruption scenarios are concrete + operational
    8 named scenarios × 4 intensities (Mild/Moderate/Severe/Catastrophic), each with a real-world reference (e.g. Supplier Bankruptcy → 'Hanjin Shipping collapse 2016'), plus an affected-region picker and 'Stress All 8 Scenarios (~30s)'. Operationally meaningful, not abstract.
  • Zero-friction auth
    Email+password creates an account and drops you straight into /app; the Google/GitHub OAuth + 'Sign in / Sign up' toggle on a single /auth screen are clean.
Friction points
  • Templates modal blocks Stress Test until a template is picked
    On a fresh account, 'Stress Test' opens the disruption picker but a meaningful sim needs nodes — i.e. you have to load a template (or 'Start from scratch') first. An empty-state nudge or a 'load a starter chain to enable Stress Test' affordance would prevent confusion.
  • /auth defaults to Sign In; 'Sign up' is a small inline link
    First-time visitors land on 'Welcome back. Sign in' even though they don't have an account. A more prominent 'Sign up' toggle (or default to signup on /auth) would reduce mis-clicks.

Visual change

Step 21 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.getrupture.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.