Articles in this series
What is Playwright? From the documentation’s definition, Playwright is a tool that “enables reliable end-to-end testing for modern web apps”. What does end-to-end testing mean? End-to-end testing is, simply, a technique that aims to verify an entire ...
Using Playwright test generator (codegen) Playwright has a feature that allows us to generate tests scripts by interacting with web apps directly. Generating a test script We will run the below command in our terminal to open a todo app, then we can ...
In this tutorial, we will learn about another GUI tool provided by Playwright called the Trace Viewer. The Playwright Trace Viewer is a GUI tool that helps in exploring recorded Playwright traces after a tests script is executed. Recording a Trace We...
Playwright locators and selectors To interact with elements, you need to locate the element first. Selectors are used when locating an element. Then we can perform actions and write assertions on the elements by means of methods such click(), dbclick...
Test input You can easily fill-out form fields with page.fill(). page.fill() focuses on the element and triggers an input event with the specified text. It works on <input>, <textarea>, [contenteditable] and <label> associated with an input or text a...
Introduction In previous tutorials, we learnt some basic concepts of testing with Playwright. So in this tutorial, we will put some of the concepts into practice by writing a basic test script for an online store Setting up our tests installing Pla...