https://www.codeslog.com/en/tags/playwright/ Recent content in Playwright on Codeslog https://www.codeslog.com/images/default-cover.png?v=20260114T1436 https://www.codeslog.com/images/default-cover.png?v=20260114T1436 Hugo -- 0.168.0 en-US Sat, 10 Oct 2026 23:55:00 +0900 https://www.codeslog.com/en/posts/lighthouse-agentic-browsing-accessibility/ Sat, 10 Oct 2026 23:55:00 +0900 https://www.codeslog.com/en/posts/lighthouse-agentic-browsing-accessibility/ On test pages, a div button no keyboard can press scored Accessibility 100 and Agentic Browsing 2/2. What the check sees, what it misses, and where agent tools split. https://www.codeslog.com/en/posts/frontend-testing-ai-playwright/ Thu, 06 Aug 2026 01:11:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-ai-playwright/ AI now drives the browser itself. A practical map of Playwright codegen and MCP agents: why Playwright MCP reads the accessibility tree rather than screenshots, and why self-healing selectors aren't a Playwright feature. https://www.codeslog.com/en/posts/frontend-testing-visual-regression/ Wed, 29 Jul 2026 15:01:36 +0900 https://www.codeslog.com/en/posts/frontend-testing-visual-regression/ 'The feature works but the layout broke.' Catch what only eyes used to catch: implement visual regression tests with Playwright screenshot comparison, stable snapshots, and the environment trap to avoid. https://www.codeslog.com/en/posts/frontend-testing-axe-e2e/ Mon, 27 Jul 2026 14:38:51 +0900 https://www.codeslog.com/en/posts/frontend-testing-axe-e2e/ Catch page-wide accessibility violations automatically, in a real browser. What axe-core is and how it works, how to integrate it into Playwright E2E, and what automation catches — and can't. https://www.codeslog.com/en/posts/frontend-testing-playwright-debug/ Wed, 22 Jul 2026 01:30:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-playwright-debug/ What do you look at when a test fails only on CI? Playwright's trace viewer and debugging tools track the real cause — with evidence, not guesswork — and turn retries into a signal instead of a fix. https://www.codeslog.com/en/posts/frontend-testing-playwright-fixtures/ Tue, 21 Jul 2026 01:25:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-playwright-fixtures/ Repeating the same setup in every test? Playwright's custom fixtures (base.extend) and Page Object pattern remove it, storageState logs in once, and fullyParallel keeps the suite fast and isolated. https://www.codeslog.com/en/posts/frontend-testing-playwright-locators/ Sat, 18 Jul 2026 23:06:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-playwright-locators/ Why E2E tests fail only sometimes, and the actual fix. Understand Playwright locators, auto-wait, and strict mode, and cut flakiness at the root with robust selectors. https://www.codeslog.com/en/posts/frontend-testing-playwright-intro/ Sat, 18 Jul 2026 02:25:00 +0900 https://www.codeslog.com/en/posts/frontend-testing-playwright-intro/ E2E verifies whole user flows in a real browser. Install Playwright, understand the webServer config, and write and pass your first scenario — with a clear role split against unit and component tests. https://www.codeslog.com/en/posts/frontend-testing-why-now/ Fri, 03 Jul 2026 16:33:17 +0900 https://www.codeslog.com/en/posts/frontend-testing-why-now/ The faster AI writes code, the more testing matters. In this opener of the Frontend Testing, Done Right series, we cover what tests really give you, pyramid vs. trophy strategy, and the full curriculum ahead.