Lastest
Sign inSign up free
Recording of the visual regression run on console.loomal.ai · Loomal — app walkthrough.

In this video· click a step to jump to it

C
Passed ✓

Test recording

Loomal — app walkthrough

64,968 ms · 25,452 pixels changed

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

Visit site

Take this test with you

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

Claim this test — freeSign in to run it
export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const shot = (n, slug) => screenshotPath.replace('.png', `-${n}-${slug}.png`);
  const MKT = 'https://loomal.ai';
  const APP = 'https://console.loomal.ai';
  let authedShots = 0;

  // ---------- PUBLIC PHASE ----------
  stepLogger.log('Scenario 1: Marketing home');
  await page.goto(MKT + '/', { waitUntil: 'domcontentloaded', timeout: 45000 }).catch(function(){});
  await page.waitForLoadState('networkidle').catch(function(){});
  await page.waitForTimeout(1500);
  await page.getByRole('button', { name: /accept|got it|ok|agree/i }).first().click({ timeout: 2000 }).catch(function(){});
+78 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
46.86%
Text
—
DOM
✓
Network
+120 −130
Console
✓
A11y
A
Perf
100 over
URL
✓
Variables
—
Full report
Log in →
25,452
Diff px
1m 05s
Duration
A
Accessible
WCAG 2.2 · 100
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

We drove Loomal signed-in on console.loomal.ai: the merchant console makes monetizing an MCP server feel like a Stripe-style flow. We walked the projects list, the Create Project dialog, and a project's Overview / Endpoints / Payments / Logs / Settings / Billing tabs - a clean 7-tab control surface for a v1.

Highlights
  • Earnings front-and-center
    Each project card leads with EARNED $0.00 / settlements / request count - the money metric is the first thing a merchant sees, which is exactly right for a monetization product.
  • Focused control tabs
    Overview, Endpoints, Payments, Logs, Settings, Billing map cleanly to a merchant's mental model; no feature sprawl in the console for a fresh launch.
Friction points
  • Tab panes render a lingering spinner
    Switching into Endpoints/Logs shows a centered loading spinner for a beat with an empty content area; a skeleton state (or empty-state copy for a zero-data project) would read as faster and more finished.
  • App routes collapse to '/' on refresh
    Deep routes like /projects, /create and /settings all resolve back to the projects list rather than their own URL, so a shared or bookmarked deep link won't land where expected.

6 visual changes

Step 4449 px changed
Before
Before
After
After
Diff
Diff
Step 612,203 px changed
Before
Before
After
After
Diff
Diff
Step 72,009 px changed
Before
Before
After
After
Diff
Diff
Step 83,873 px changed
Before
Before
After
After
Diff
Diff
Step 93,862 px changed
Before
Before
After
After
Diff
Diff
Step 103,056 px changed
Before
Before
After
After
Diff
Diff

Share this run

Earned · Lastest awards

Proof your app is not AI slop

LASTEST
starter
a11y
WCAG AA
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 console.loomal.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.

Claim this testSign in
Browse more live Lastest demo reports →