In this video· click a step to jump to it
Test recording
ChatCut — app walkthrough
84,594 ms · 0 pixels changed · matches baseline
We built this regression test for chatcut.io — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against chatcut.io. 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 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, 1200); await new Promise(r => setTimeout(r, 300)); await anim(max, 0, 700); })()";
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/**','**/browser.sentry-cdn.com/**','**/cdn.segment.com/**','**/connect.facebook.net/**','**/*.posthog.com/**']) {
await page.route(pattern, r => r.abort()).catch(function(){});
}
let n = 0;
// ---------- PUBLIC PHASE ----------
await page.goto(baseUrl + '/', { waitUntil: 'domcontentloaded' });
await page.waitForLoadState('networkidle').catch(function(){});
await page.locator('h1, main, [role="main"]').first().waitFor({ state: 'visible', timeout: 6000 }).catch(function(){});Checks run
Notes from the demo run
AI-generatedChatCut is a genuinely full video editor in the browser, and Google sign-in drops you straight into it. The standout is that editing is agent-first: a 'Describe what you'd like to create' Agent chat sits beside a real timeline, MY ASSETS / LIBRARY / TRANSCRIPT / VIEWER panels, and one-click templates (Long Video to Shorts, Talking Head, Explainer). We typed a shorts prompt, opened a template, the project library, agent settings, versions, export and the media panels — everything responded.
- One-click into a real editorGoogle OAuth lands directly in a working timeline editor — no setup wall between sign-in and creating.
- Agent-first editingThe 'Describe what you'd like to create' Agent input pairs a chat with the timeline, so intent-to-edit is one sentence rather than a toolbar hunt.
- Template quick-startsLong Video to Shorts / Talking Head / Explainer presets give a first-time user an obvious on-ramp instead of a blank canvas.
- Blank-first-project auto-nameA first session auto-creates a randomly-named project ('Shivering Apricot Nightingale'); a clearer 'Untitled / rename' affordance up front would reduce 'what is this?' on first load.
- Dense first paintThe editor opens all panels at once (assets, viewer, timeline, agent) — a lot to parse on first load; a lightweight guided first-run could soften it.
Share this run
Proof your app is not AI slop
This test was built for chatcut.io — 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.