In this video· click a step to jump to it
Test recording
Dolfy — AI design workspace walkthrough
95,087 ms · 194,550 pixels changed
We built this regression test for www.dolfy.ai — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against www.dolfy.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 PROJECT = '/project/93d44187-3edf-4423-a2e4-1a2a2260a4d1';
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, 1400); await new Promise(r => setTimeout(r, 350)); await anim(max, 0, 800); })()";
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' });
await page.route('**/cdn-cgi/scripts/**', function (r) { r.abort(); }).catch(function () {});
await page.route('**/*sentry-cdn.com/**', function (r) { r.abort(); }).catch(function () {});
await page.route('**/www.googletagmanager.com/**', function (r) { r.abort(); }).catch(function () {});
// ── Scenario 1 — public home (context) ────────────────────────────────────
stepLogger.log('Scenario 1: Dolfy home (public)');Checks run
Notes from the demo run
AI-generatedWe signed up for Dolfy, created a project called 'Harbor', described a group trip-planning app in the chat, and let the Vision Agent interview us. The guided-question pattern is the best thing here: instead of a blank prompt box, the agent asks one question at a time and offers tappable answers (it suggested Tripwise, GroupGetaway, Overlap, SharedTrip as names) with a free-text escape hatch underneath. That turns 'describe your app' from a writing task into a series of choices, which is exactly right for someone who has an idea but not a spec.
- Guided questions beat a blank promptOne question at a time with 4 suggested answers plus 'Type Something...' — the numbered 1/2/3 pager makes it feel finite rather than an open-ended chat. Strong differentiator against generic AI builders.
- The five stages are visible from the first secondProduct Definition → Data Model → Design Foundation → Screen Design → Export sits across the top from project creation, so you know the shape of the work before you commit to it.
- Project creation is one fieldName the project, press Create, and you're in the workspace. No template picker, no plan wall, no team setup in the way.
- Live Preview stays empty while you answerAfter several answered questions the right-hand pane still reads 'No product vision defined yet'. Streaming partial vision into the preview as each answer lands would show the work accumulating instead of making the pane look broken.
- Stage tabs look clickable before they're reachableData Model, Design Foundation, Screen Design and Export render in full contrast and accept clicks, but stay on Product Definition until step 1 completes. Dimming them, or showing 'finish Product Definition first' on click, avoids the dead-click.
10 visual changes
Share this run
Proof your app is not AI slop
This test was built for www.dolfy.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.