End-to-end React Application Testing with Playwright

Summer is here and do you know what that means?

That’s right, it’s time to get really good at end-to-end testing!

Join me for a 2-day live event where we will dive deep into testing applications with Playwright. You will learn about the value E2E tests can give you, how to get the most out of your tools, what contributes to test flakiness and how to solve it for good. All in a hands-on, exercise-driven format that will make you the driver of the testing effort. Let’s go!

Who Is This Workshop For

• Developers who struggle to understand what should be tested on the end-to-end level and how to write efficient and reliable tests with Playwright;
• Developers who want to get more out of their end-to-end tests;
• Developers who dread a failing E2E test.
• Developers who haven’t used Playwright in a while (we will go through some really neat APIs!)

What you’ll learn

End-to-end testing is a vast topic. For this workshop to make sense and for you to take as much as you can from it regardless your prior experience with Playwright, I’ve divided it into four sections:

1. Basics. Learn (or rehearse) the basics of Playwright. Install, configure, and write a simple test that interacts with your React application;
2. Setup. Get the answers to some of the most burning questions in E2E testing: How to mock API requests? How do I test authentication? How to mock a database? Where to get the test data from?
3. Guides. Next, discover advanced Playwright patterns through practical guides. From recording test interactions and creating custom fixtures to blocking unnecessary network requests and leveraging test annotations;
4. Debugging. Finally, explore various techniques to debug your end-to-end tests. Utilize the UI mode in Playwright, pause test execution, and use the Trace viewer to examine your tests.

Required Experience

• You do not have to have any prior experience with Playwright to go through this workshop;
• Experience with automated testing in general is recommended. We won’t be focusing on things like test structure, what is an assertion, and other basics (for that, I highly recommend the Epic Testing Bundle’s first workshop);
• Prior experience with other testing frameworks is recommended;
• Basic experience with TypeScript is required as all exercises are in TypeScript and you might need to write a type or two yourself;
• Experience with React is optional. You will be focusing on how to test apps, not write them. I’m using React because I’m comfortable with writing it, but everything you will learn during this workshop still applies even if you’re building with Vue, Svelte, or Angular.