In this video· click a step to jump to it
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) ──────────────────────────Checks run
Notes from the demo run
AI-generatedWe 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.
- The credit burn is visible in real timeOne 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 defaultWith 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 logThe 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.
- /dashboard deep-links land on the marketing pageVisiting 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 sessionSigning 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.
- Buy Credits checkout·We do not take demo runs into a payment flow.
11 visual changes
Share this run
Proof your app is not AI slop
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.
































