AI Generated UI Tests: Scaffold vs Plain Playwright Repo

Part 2 of the comparison. Last episode was API tests. Today — UI tests. Same experiment: one plain Playwright repo, one AI-Native Scaffold, one identical prompt. I ask an AI agent to write UI tests for the Toolshop practice site — a real e-commerce frontend with navigation, product listing, and filtering. Then I run the exact same prompt on my AI-Native Playwright Scaffold. If the API comparison surprised you, the UI comparison will shock you. UI tests have more moving parts — selectors, page objects, navigation flows, waits, assertions on visual state — and that's exactly where an unguided agent falls apart. We'll compare: — Selectors: fragile CSS/XPath vs robust test-id and role-based locators — Page Objects: different approach used — Navigation: hardcoded URLs vs base URL config + route helpers — Assertions: text checks vs state-aware, retry-able assertions — Structure: single monolithic file vs layered test architecture This is Part 2 of a two-part series. Watch Part 1 (API tests) first if you haven't:    • Plain Playwright vs AI Native Playwright S...   📋 The site tested: Practice Software Testing (practicesoftwaretesting.com) ⏱ Timestamps: 0:00 — Recap of Part 1 + what's different about UI 0:57 — Intro 1:15 — The setup (same two repos, new challenge) 1:59 — The prompt (identical for both) 2:35 — AI-Native Scaffold - Proposal, Confidence Level and Human Gate 3:44 — Plain Playwright repo Output 7:58 — AI-Native Scaffold Output 14:18 — Comparison 16:20 — Summary 17:15 — Recap + series conclusion 18:15 — Get the scaffold 18:15 — Build your own Architecture 📦 Get the AI-Native Playwright Scaffold: https://buymeacoffee.com/idavidov/e/5... → 16 skills. Zero config. One command to start. 📂 Companion repo on GitHub: https://github.com/idavidov13/Playwri... 🚀 Level up your Playwright: 33 Playwright Tips & Tricks (FREE PDF): https://buymeacoffee.com/idavidov/e/5... AI-Native Playwright Scaffold — 16 skills, zero config: https://buymeacoffee.com/idavidov/e/5... 1:1 Playwright Architecture & Troubleshooting Session: https://buymeacoffee.com/idavidov/e/5... Browse all my products: https://buymeacoffee.com/idavidov/extras Subscribe for ‪@ArchQA‬ 🔗 Connect with me: Blog: https://idavidov.eu LinkedIn:   / ivdavidov   GitHub: https://github.com/idavidov13 ❤️ Support my work: https://buymeacoffee.com/idavidov #agenticqa #aiagents #testautomation #qa #playwright #typescript #agentic #aiworkflow #ainative #scaffold #livedemo #uitesting #pageobjects #softwaredevelopment #softwaretesting #qualityassurance #ArchQA