Playwright: End-to-End Testing for Laravel & Flutter

What you’ll learn

• Explain where end-to-end tests fit alongside unit and feature tests
• Set up Playwright Test in a Laravel project, with the app started automatically for each run
• Find elements with resilient locators (role, label, text) and use web-first assertions
• Test real Laravel flows: login, forms and validation, CRUD and role-based access
• Keep tests independent with seeded test data, saved login state and the Page Object Model
• Test Laravel API endpoints directly with Playwright's request fixture
• Test a Flutter web build by enabling its semantics tree and locating widgets by label
• Debug failing and flaky tests with the trace viewer, UI mode, screenshots and video
• Run the suite across Chromium, Firefox and WebKit, and in a CI pipeline on every push

Who should join

• Laravel developers who want automated browser tests for their web apps
• Flutter developers shipping a Flutter web build alongside their mobile app
• QA engineers and testers moving from manual testing to automation
• Teams that maintain Laravel systems and want fewer regressions after each release

Prerequisites: Working experience with Laravel or Flutter, and basic JavaScript or TypeScript. Bring a laptop with Node.js (LTS), PHP and Composer, the Flutter SDK and a code editor (e.g. VS Code) installed. A sample Laravel app and Flutter web app are provided. No prior Playwright experience required.

Course modules

1. 01   End-to-End Testing & Playwright Fundamentals

   Where end-to-end tests fit in the testing pyramid, what Playwright is and how it compares with Laravel Dusk and Flutter's integration_test. Hands-on: install Playwright Test and its browsers, then run a first test.

2. 02   Setting Up Playwright in a Laravel Project

   Project layout, playwright.config, baseURL and the webServer option that starts the Laravel app for each run, plus a separate test database. Hands-on: wire Playwright into the sample Laravel app.

3. 03   Locators, Actions & Assertions

   Role, label and text locators, auto-waiting, web-first assertions and generating tests with codegen. Hands-on: write tests for the app's public pages and navigation.

4. 04   Testing Laravel Flows: Auth, Forms & CRUD

   Login and registration, form validation errors, CRUD screens and role-based access, with login state saved once and reused across tests. Hands-on: cover the sample app's main user journeys.

5. 05   Test Data, Structure & API Testing

   Resetting and seeding the database with migrations, seeders and factories, organising tests with fixtures and the Page Object Model, and testing API endpoints with the request fixture. Hands-on: refactor the suite into page objects and add API tests.

6. 06   Debugging & Fixing Flaky Tests

   The trace viewer, UI mode, screenshots and video on failure, and the common causes of flaky tests and how to remove them. Hands-on: diagnose and fix a set of deliberately broken tests.

7. 07   Testing Flutter Web Apps

   How Flutter web renders, why the semantics tree matters for testing, adding Semantics labels, and testing a Flutter web build against the Laravel API, including mocked responses with page.route. Hands-on: build the sample Flutter app for web and test its key screens.

8. 08   Cross-Browser, CI & Final Project

   Browser projects for Chromium, Firefox and WebKit, parallel runs, HTML reports and running the suite in a CI pipeline on every push. Hands-on: complete an end-to-end suite covering the Laravel app and the Flutter web build, running in CI.

FAQ

Related courses