Recording of the visual regression run on www.scriptal.app · Scriptal — app walkthrough.

In this video· click a step to jump to it

W
Passed ✓

Test recording

Scriptal — app walkthrough

30,717 ms · 13,136 pixels changed

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

Take this test with you

This is a real Playwright test, recorded against www.scriptal.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.scriptal.app/dashboard").origin;
  page.setDefaultTimeout(8000);
  page.setDefaultNavigationTimeout(22000);
  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(){});
  // block heavy third-party noise: speeds networkidle + removes console-error reds
  for (const pat of ['**/client.crisp.chat/**','**/widget.intercom.io/**','**/*.intercomcdn.com/**','**/js.stripe.com/**','**/*.sentry-cdn.com/**','**/*.sentry.io/**','**/cdn.segment.com/**','**/*.hotjar.com/**','**/*.fullstory.com/**','**/connect.facebook.net/**','**/googletagmanager.com/**','**/google-analytics.com/**','**/cdn-cgi/scripts/**/email-decode.min.js']) {
    await page.route(pat, function(r){ r.abort().catch(function(){}); }).catch(function(){});
  }
  // Scenario 1: public hero
  await page.goto("https://www.scriptal.app/", { waitUntil: 'domcontentloaded' });
+78 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
97.55%
Text
—
DOM
✓
Network
—
Console
✓
A11y
Review
Perf
20 over
URL
✓
Variables
—
Full report
Log in →
13,136
Diff px
31s
Duration
Review
Accessible
WCAG 2.2
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

Scriptal generates structured video scripts with AI. The authenticated dashboard opens with New Project, a model selector (GPT-4.1 Nano) and a Generate action to turn a topic into a script.

Highlights
  • Action-first dashboard
    New Project plus Generate are front-and-center, so creating a script is the obvious first step.
  • Model choice surfaced
    The model picker (GPT-4.1 Nano) is exposed in the UI, useful transparency for an AI tool.
Friction points
  • Empty-state guidance
    The dashboard could nudge first-time users toward New Project more explicitly.

4 visual changes

Step 213 px changed
Before
Before
After
After
Diff
Diff
Step 313,003 px changed
Before
Before
After
After
Diff
Diff
Step 4106 px changed
Before
Before
After
After
Diff
Diff
Step 514 px changed
Before
Before
After
After
Diff
Diff

Share this run

Earned · Lastest awards

Proof your app is not AI slop

LASTEST
starter
regressions
0
Badges stay live, ratchet upward, only downgrade on confirmed regression.
57,761 test runs recorded · 1,174 products tested with Lastest

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