In this video· click a step to jump to it
Test recording
Mozaika — app walkthrough
77,697 ms · 252,383 pixels changed
We built this regression test for mozaika.design — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against mozaika.design. 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`);
// Route-block third-party noise.
await page.route('**/cdn-cgi/scripts/**/email-decode.min.js', function (r) { r.abort(); }).catch(function () {});
await page.route('**/cdn-cgi/scripts/**/cloudflare-static/**', function (r) { r.abort(); }).catch(function () {});
await page.route('**/sentry-cdn.com/**', function (r) { r.abort(); }).catch(function () {});
await page.route('**/browser.sentry-cdn.com/**', function (r) { r.abort(); }).catch(function () {});
await page.route('**/cdn.segment.com/**', function (r) { r.abort(); }).catch(function () {});
await page.route('**/connect.facebook.net/**', function (r) { r.abort(); }).catch(function () {});
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' });
Checks run
Notes from the demo run
AI-generatedMozaika is an MCP-native design-reference library (240+ real product design systems) with a clean dark-mode UI. Sign-in is a compact dialog (not a full-page redirect) offering Google OAuth or passwordless email code. The authenticated surface is genuinely useful standalone: a searchable/filterable library, per-product teardown pages, a live URL-decode tool, and a persistent bookmarks feature.
- Fast, no-password authSign-in dialog offers Google OAuth and a one-time email code, no password field at all -- low-friction for evaluators.
- Bookmark state persistsHover-to-bookmark on a library card immediately updated the header bookmark counter to 1, and the change was still visible on the dedicated Bookmarks page seconds later.
- Free tier is generousThe full library, live decode tool, Figma plugin and Chrome extension are all usable without paying -- the $59 Founder License only gates the MCP connection itself.
- Google OAuth blocked on automated browsersGoogle's own automation-detection wall ("Couldn't sign you in - this browser or app may not be secure") rejected the OAuth attempt from a fresh headless-style session, even though the same account signs in cleanly from a normal browser. Founders relying solely on Google sign-in may be inadvertently filtering out password managers, QA bots, and some corporate proxy setups.
- Product-teardown links not reachable from the main Library gridThe library card grid links to /inspiration/... detail pages; a direct /product/<slug> teardown link (like the ones shown on the homepage carousel) was not present in the grid DOM, so an agent walking only the Library page cannot reach the full teardown without already knowing a slug.
10 visual changes
Share this run
Proof your app is not AI slop
This test was built for mozaika.design — 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.