A complete field guide to browser-level end-to-end testing with Playwright, tailored for Nuxt 4 and Supabase projects. Covers architecture, locators, writing stable tests, and practical patterns for a real production stack.
An introduction to Playwright and where it belongs in the testing stack. Covers the testing pyramid, what e2e tests are actually good for, and what they should not be used for.
A deep dive into how Playwright works internally: the Browser/Context/Page hierarchy, the locator engine, actions, web-first assertions, and how to configure the test runner.
How to use Playwright inside a Nuxt project, covering both the standalone approach and the @nuxt/test-utils integration with Vitest. Includes setup, configuration, and Supabase prerequisites.
How to write Playwright tests that stay reliable over time. Covers testing behavior over implementation, the correct waiting strategies, Arrange-Act-Assert, Page Object Model, test isolation, and debugging tools.
A hands-on guide to writing Playwright e2e tests for a Nuxt 4 and Supabase project. Covers test structure, prerequisites, smoke tests, filter interactions, navigation flows, and what not to test at this layer.