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 stateless, client-side TodoMVC demo built around a single 'What needs to be done?' input — no backend, no accounts, no persistence by design. We ran 1 automated walkthrough, it passed with zero failures and zero console errors, and we caught 2 visual changes and one accessibility cluster worth a quick fix.
- Clean automated run1 of 1 walkthrough tests passed with zero console errors and zero failed steps — a reliable baseline for a reference app that browser-automation tooling depends on.
- Zero noise UIThe entire interface is a single labeled input ('What needs to be done?') with no competing CTAs, banners, or modals — your demo never gets in the way of the test it's designed to enable.
- Color-contrast clusteraxe flagged 6 color-contrast violations — running the text and UI element colors through a WCAG AA checker and nudging the failing values would clear all 6 in one 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.