Talking About TestingATT</>

Testing Courses

by Talking About Testing

Complete Course

Basics of Web Testing with Playwright

Get started with web testing using Playwright: write a happy path and non-happy-path tests, debug with the Trace Viewer, and run on CI.

Start CourseView Lessons

Course Content

7 comprehensive lessons covering everything you need to know

Introduction

Introduction
Course Structure
Learn how the course is organized and make the most of the content.
Introduction
Prerequisites
Systems and knowledge required to complete the course.
Introduction
Getting to know the application under test
Learn about the TAT CSC application that will be tested throughout the course.
Lesson
Lesson 1
Fork, clone, and set up Playwright
Fork, clone, and configure Playwright for web testing.

Writing tests

Lesson
Lesson 2
Writing a happy-path test
Fill out the form, submit it, and assert on the success message.
Lesson
Lesson 3
Non-happy-path: submitting an empty form
Assert on the error message when submitting without filling any field.
Lesson
Lesson 4
Non-happy-path: invalid email format
Assert on the error message when the email format is invalid.

Running and debugging tests

Lesson
Lesson 5
Running tests in headless and headed modes
Run your tests headless, headed, and in the interactive UI Mode.
Lesson
Lesson 6
Debugging failures with the Trace Viewer
Use the Playwright Trace Viewer to debug failing tests.

Continuous integration

Lesson
Lesson 7
Running tests on GitHub Actions
Run your Playwright web tests in a continuous integration pipeline.

Bonus & Conclusion

Bonus
Bonus: Playwright MCP for web testing
Use the Playwright MCP to let an AI assistant drive the browser.
Conclusion
Congratulations!
You've completed the Basics of Web Testing with Playwright course!