In this video· click a step to jump to it
Test recording
MealMate — app walkthrough
42,220 ms · 554,509 pixels changed
We built this regression test for www.mymealmate.ai — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against www.mymealmate.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 settle = () => page.waitForLoadState('networkidle').catch(() => {});
let sc = 1;
await page.goto(`${baseUrl}/dashboard`, { waitUntil: 'domcontentloaded' });
await settle();
await page.waitForTimeout(1500);
const onLogin = /\/(login|signin)(\b|\/|$)/i.test(page.url());
if (onLogin) { stepLogger.warn('Not authenticated — chained session did not stick'); }
stepLogger.log(`Scenario ${sc}: Dashboard (mood + cuisine picker)`);
await page.screenshot({ path: shot(sc, 'dashboard'), fullPage: true });Checks run
Notes from the demo run
AI-generatedMealMate answers 'what should I eat?' — after a quick dietary-prefs onboarding it drops you into a warm, mood-first dashboard ('How are you feeling this morning?') where you pick a mood (Comfort, Quick & Easy, Healthy…) and a cuisine, and it instantly surfaces tailored recipe cards with cook time and difficulty. Email+password (Supabase) signup with a verify-email step; Meal Planner, My Recipes and Shopping List round out the app.
- Mood-first discovery is delightfulLeading with 'How are you feeling?' + a huge cuisine grid (50+ cuisines from American to West African) is a genuinely fresh take vs the usual recipe-search box — picking 'Quick & Easy' + 'Italian' instantly produced an 'Italian Quick & Easy Ideas' row of real recipe cards (15-30 min, with images and ratings).
- Personalised from the first sessionOnboarding dietary preferences + a 'Picked for you' row mean the dashboard is never an empty state — there's always something to cook.
- Coherent companion surfacesMeal Planner, My Recipes and Shopping List are all wired up, so the 'decide → plan → shop' loop is complete, not just a suggestion toy.
- Verify-email gate before first valueSignup requires clicking a Supabase confirmation link before the dashboard unlocks — one inbox round-trip between 'I'm hungry' and 'here's dinner'. A 'browse a few ideas while we verify' interim could keep momentum.
- Suggestions reshuffle every loadThe 'Picked for you' row returns different recipes on each visit (great for variety, but a returning user may struggle to find a dish they liked yesterday — a 'recently shown / save' affordance would help).
4 visual changes
Share this run
Proof your app is not AI slop
This test was built for www.mymealmate.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.