Recording of the visual regression run on credlier.com · Credlier - app walkthrough.

In this video· click a step to jump to it

C
Passed ✓

Test recording

Credlier - app walkthrough

113,932 ms · 228,043 pixels changed

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

Take this test with you

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

export async function test(page, baseUrl, screenshotPath, stepLogger) {
  const SITE = baseUrl.replace(/\/+$/, '');
  const shot = (n, slug) => screenshotPath.replace('.png', '-' + n + '-' + slug + '.png');
  const SCROLL_THROUGH = "(async () => { const ease = t => 1 - Math.pow(1 - t, 3); const max = Math.max(0, document.body.scrollHeight - window.innerHeight); if (max < 40) return; const anim = (a, b, ms) => new Promise(res => { const t0 = performance.now(); const step = now => { const p = Math.min(1, (now - t0) / ms); window.scrollTo(0, a + (b - a) * ease(p)); p < 1 ? requestAnimationFrame(step) : res(); }; requestAnimationFrame(step); }); await anim(0, max, 1300); await new Promise(r => setTimeout(r, 300)); await anim(max, 0, 650); })()";
  const TO_TOP = "window.scrollTo(0, 0)";

  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' });
  for (const pattern of ['**/cdn-cgi/scripts/**/email-decode.min.js', '**/sentry-cdn.com/**', '**/cdn.segment.com/**', '**/connect.facebook.net/**', '**/*.posthog.com/**', '**/googletagmanager.com/**', '**/news.google.com/**']) {
    await page.route(pattern, function (r) { r.abort(); }).catch(function () {});
  }

  // ─── Scenario 1: public home (authenticated nav) ──────────────────────────
+106 more lines — claim the test to get the full code.

Checks run

Run
✓
Visual
22.28%
Text
—
DOM
✓
Network
—
Console
✓
A11y
A
Perf
1968 over
URL
24 diverged
Variables
—
Full report
Log in →
228,043
Diff px
1m 54s
Duration
A
Accessible
WCAG 2.2 · 97
C
Fast
Web Vitals · 70

Notes from the demo run

AI-generated

We signed into Credlier with Google and ran a real request end to end. The workspace is genuinely a ledger, not a dashboard mock: we pinned gpt-4o-mini, sent a prompt, got a real OpenAI completion back, and watched the balance drop from 100 to 83 with the spend landing in Recent Activity, the Provider Split donut and the Spend-by-Type chart within the same second. The AI Engine adds multi-turn chat, a side-by-side provider comparison and a prompt history that itemises every credit you have burned.

Highlights
  • The credit burn is visible in real time
    One request moved Credit Balance, Runway, Recent Activity, Provider Split and Spend by Type at once. Nothing else in this space makes the cost of a single call that legible that fast.
  • Smart Suggestion undercuts your own default
    With auto-routing on, the studio suggested gemini-2.5-flash at 1 credit and labelled it 'fast and cost-effective for simple tasks'. A tool that actively recommends the cheaper route builds trust quickly.
  • Prompt history is an audit trail, not a log
    The History tab showed 'Reasoning: openai -15 cr' against a timestamp. That is the artefact a solo dev needs when they are trying to work out where last month went.
Friction points
  • /dashboard deep-links land on the marketing page
    Visiting credlier.com/dashboard directly renders the landing page with an authenticated nav, not the workspace. The only way in is clicking Open Workspace, so a bookmark or an emailed link drops a paying user back on the pitch. A client-side route for /dashboard fixes it.
  • The 4-step tour re-fires on every new browser session
    Signing in from a fresh profile replays the whole spotlight tour and dims the dashboard behind it, even though the account had already completed it. Persisting the completion server-side rather than in localStorage would stop it repeating.
Couldn't reach
  • Buy Credits checkout·We do not take demo runs into a payment flow.

11 visual changes

Step 1192,929 px changed
Before
Before
After
After
Diff
Diff
Step 22,430 px changed
Before
Before
After
After
Diff
Diff
Step 32,430 px changed
Before
Before
After
After
Diff
Diff
Step 42,446 px changed
Before
Before
After
After
Diff
Diff
Step 53,562 px changed
Before
Before
After
After
Diff
Diff
Step 68,648 px changed
Before
Before
After
After
Diff
Diff
Step 77,555 px changed
Before
Before
After
After
Diff
Diff
Step 8362 px changed
Before
Before
After
After
Diff
Diff
Step 9362 px changed
Before
Before
After
After
Diff
Diff
Step 103,981 px changed
Before
Before
After
After
Diff
Diff
Step 113,338 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,290 test runs recorded · 1,169 products tested with Lastest

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