In this video· click a step to jump to it
Test recording
my-first-project — app walkthrough
2 steps · 8s
We built this regression test for my-first-project — app walkthrough — it's yours to keep, free.
Take this test with you
This is a real Playwright test, recorded against my-first-project — app walkthrough. Claim it into your own workspace and re-run it on every deploy — free.
export async function test(page, baseUrl, screenshotPath, stepLogger) {
const AUTH_AUTOMATABLE = false;
const BIZ_INPUT_LABEL = 'What needs to be done?';
const BIZ_CTA_LABEL = '';
const BIZ_DEMO_VALUE = 'Buy groceries';
const HAS_BIZ_INTERACTION = true;
const shot = (n, slug) => screenshotPath.replace('.png', `-${n}-${slug}.png`);
async function settle() {
await page.waitForLoadState('networkidle', { timeout: 3000 }).catch(function () {});
await page.locator('h1, h2, main, [role="main"]').first().waitFor({ state: 'visible', timeout: 5000 }).catch(function () {});
await page.waitForTimeout(300);What we see when we test my-first-project — app walkthrough
DOM X-ray
Accessibility checks — 1 rule evaluated
WCAG 2.2 AA · 10/11 rules passed
- 1 serious
- SeriousWCAG AAcolor-contrast1 occurrence · 6 nodes
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
selector: h1
Fix any of the following: Element has insufficient color contrast of 1.26 (foreground color: #ebd7d7, background color: #f5f5f5, font size: 75.0pt (100px), fon…
Checks run
Notes from the demo run
AI-generatedMy First Project is a browser-only TodoMVC demo — your entire interaction surfaces through a single input labeled 'What needs to be done?' that lets users add, complete, and clear tasks with no account or server required. Your app walkthrough test passed cleanly with zero console errors and zero failed steps, though the run detected 2 visual changes worth a quick look.
- Clean run baseline1/1 tests passed, zero console errors, zero failed steps — the baseline is stable and ready to catch regressions from here.
- Color-contrast (6 violations)Axe flagged 6 color-contrast failures — bumping the affected text or background values to the WCAG AA threshold (4.5:1 ratio) clears them in a single pass.
Share this run
Proof your app is not AI slop
This test was built for my-first-project — app walkthrough — 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.