Effective test automation isn't just about writing tests - it's about building clean, maintainable test suites that scale. One of the biggest challenges in frontend e2e testing is managing repetitive setup and teardown code, which can make tests fragile and difficult to maintain. By combining the familiar Page Object Model (POM) design pattern with Playwright's powerful fixture feature, you can reduce boilerplate, increase test isolation and improve reusability. This approach elevates POM by using fixtures to create modular, dependency-injected components and streamline resource management.
In this hands-on workshop, you'll learn to implement fixtures and Page Objects step-by-step in Typescript, using real-world examples and coding exercises to demonstrate:
- How fixtures can eliminate redundant setup logic and improve test performance.
- How to design Page Objects that make frontend tests easier to read and maintain.
- Practical patterns for reducing flakiness and debugging problems faster.
By the end of this session, you'll walk away with reusable templates, best practices, and the confidence to deliver faster, more reliable tests - so you can focus on building quality software instead of maintaining fragile test suites.
Key Takeaways:- Efficient test setup with fixtures
- Designing scalable Page Objects
- Learn how to use scopes to provide your the with the right fixture at the right time
