In this video· click a step to jump to it
Test recording
my-first-project — app walkthrough
2 steps · 26s
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 = '';
const BIZ_CTA_LABEL = 'SHOP NOW';
const BIZ_DEMO_VALUE = '';
const HAS_BIZ_INTERACTION = false;
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 — 2 rules evaluated
WCAG 2.2 AA · 27/29 rules passed
- 2 serious
- SeriousWCAG AAcolor-contrast1 occurrence · 9 nodes
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
selector: .tracking-\[0\.22em\]
Fix any of the following: Element has insufficient color contrast of 4.29 (foreground color: #dc6523, background color: #3a1e19, font size: 8.3pt (11px), font …
- SeriousWCAG Anested-interactive1 occurrence · 1 node
Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies
selector: article
Fix any of the following: Element has focusable descendants
Checks run
Notes from the demo run
AI-generatedTriveni Pastries & Bakery is a physical bakery chain (Hubballi and Dharwad) with an online storefront where customers browse a menu, build a basket, and place orders. Your 'SHOP NOW' CTA anchors the hero cleanly and first paint is friction-free — no cookie banner obscuring it on load, which is unusually clean for an e-commerce storefront.
- Friction-free first paintNo cookie banner on load — your hero and 'SHOP NOW' CTA are immediately visible and clickable without anything covering them.
- Focused public navFour routes (/, /menu, /about, /contact) give visitors exactly what they need — menu, story, and a way to get in touch — with no orphaned or broken nav links.
- No register CTA on landingYour landing page surfaces only a 'Sign in' link; new customers have to navigate to /auth and click a toggle to reveal the registration form — adding a 'Create account' link in the nav alongside 'Sign in' cuts that detour entirely.
- Color-contrast violationsAxe flagged 9 color-contrast failures across your public pages — bumping those values to WCAG AA ratios is typically a single CSS pass and makes your menu legible for more customers in bright-light conditions.
- /cart·Cart sits behind authentication (the auth redirect targets /cart); couldn't complete login to reach it.
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.