Recording of the visual regression run on platform.opper.ai · Opper — app walkthrough.

In this video· click a step to jump to it

P
Passed ✓

Test recording

Opper — app walkthrough

84,007 ms · 10,116 pixels changed

We built this regression test for platform.opper.ai — it's yours to keep, free.

Take this test with you

This is a real Playwright test, recorded against platform.opper.ai. 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 MKT = 'https://opper.ai';
  const APP = 'https://platform.opper.ai';
  const ORG = 'lastestcloud-gmail-com';
  const PID = '67d2fa96-889e-4bd7-920c-a48b1a28957b';
  const P = APP + '/' + ORG + '/projects/' + PID;
  const S = APP + '/' + ORG + '/settings';
  let authedShots = 0;

  // ---------- PUBLIC PHASE ----------
  stepLogger.log('Scenario 1: Marketing home');
+54 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
0.48%
Text
—
DOM
✓
Network
+99 −99
Console
✓
A11y
A
Perf
✓
URL
✓
Variables
—
Full report
Log in →
10,116
Diff px
1m 24s
Duration
A
Accessible
WCAG 2.2 · 93
A
Fast
Web Vitals · 100

Notes from the demo run

AI-generated

We drove Opper signed-in on platform.opper.ai: the console reads like a mature AI-gateway product - a clear split between the GATEWAY tools (Playground, Traces, API Keys, Models, Files) and a CONTROL PLANE (Observe, Route, Steer, Guard, Comply, Memory). We walked nine authenticated screens end-to-end.

Highlights
  • Legible information architecture
    Grouping the left nav into GATEWAY / CONTROL PLANE / ORGANIZATION makes a broad feature set scannable; a new user can find Traces or API Keys without hunting.
  • Playground on the front door
    Putting a Playground one click from the dashboard lets an evaluator test a call before wiring any code - the fastest path to a first 'it works' moment for a gateway product.
Friction points
  • Get-started dashboard stays empty pre-key
    The dashboard leads with 'Get started' but a fresh project shows little until an API key + first call exist; a single inline 'create your first key' CTA on the dashboard (not only under Settings) would shorten time-to-value.
  • Deep console URLs are long and project-scoped
    Routes embed org slug + project UUID (…/projects/<uuid>/traces); a shorter default-project alias would make shared links and docs examples friendlier.

2 visual changes

Step 14,443 px changed
Before
Before
After
After
Diff
Diff
Step 25,673 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,568 test runs recorded · 1,174 products tested with Lastest

This test was built for platform.opper.ai — 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.