Playwright Test Automation With Javascript - Getting Started

Learn how to locate and interact with elements, how to make an assertions, and way more

What you'll learn

Install Playwright

Locate Elements with Playwright

Execute Actions on Elements with Playwright

Perform Test Assertions

Requirements

No programming experience is required. Beginner Friendly course.

Description

Playwright is a test automation tool that becoming more and more popular each year. In this course you will learn how to start writing automated scripts with Playwright and JS. Learn how to locate and interact with elements, how to make an assertions, how to wait on different conditions, annotations and way more. This course is beginners friendly and no prior knowledge is required. Everything you need to get started with Playwright.Why Playwright:Cross-browser. Playwright supports all modern rendering engines including Chromium, WebKit, and Firefox.Cross-platform. Test on Windows, Linux, and macOS, locally or on CI, headless or headed.Auto-wait. Playwright waits for elements to be actionable prior to performing actions. It also has a rich set of introspection events. The combination of the two eliminates the need for artificial timeouts - the primary cause of flaky tests.Web-first assertions. Playwright assertions are created specifically for the dynamic web. Checks are automatically retried until the necessary conditions are met.Tracing. Configure test retry strategy, capture execution trace, videos, screenshots to eliminate flakes.Test frames, pierce Shadow DOM. Playwright selectors pierce shadow DOM and allow entering frames seamlessly.Browser contexts. Playwright creates a browser context for each test. Browser context is equivalent to a brand new browser profile. This delivers full test isolation with zero overhead. Creating a new browser context only takes a handful of milliseconds.Log in once. Save the authentication state of the context and reuse it in all the tests. This bypasses repetitive log-in operations in each test, yet delivers full isolation of independent tests.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Installing Playwright

Lecture 3 Writing Our First Test

Section 2: Locating Elements

Lecture 4 Locating Elements-By CSS and By XPATH

Lecture 5 Locating Elements-By Role, By Label, By Placeholder, By Title

Lecture 6 Locating Elements-By Text, By Alt Text, By TestId

Lecture 7 Locating Elements-Filter By Text, By Another Element, Finding Multiple Elements

Lecture 8 Locating Elements-Locating By Multiple CSS and By Multiple XPATH values

Section 3: Interacting with Elements

Lecture 9 Element Actions-Enter/Get Text,Click Element,Working with checkbox/radio button

Lecture 10 Element Actions-Selecting from Dropdown, Check if Element Is Visible or Checked

Lecture 11 Element Actions-Clear Text Field, Keyboard Key Press, Hover Over Element

Lecture 12 Element Actions-Drag and Drop

Section 4: Assertions

Lecture 13 Assertions-Expect, Element To Have Text, Element To Have Attribute

Lecture 14 Assertions-Element is Visible, Element is Checked, Element has Value

Lecture 15 Assertions-Page To Have Title, Page to Have Url

Lecture 16 Assertions-Element To Have CSS Value, Element To Have Class, Count of Elements

Lecture 17 Assertions-Negating Assertions, Soft Assertions

Section 5: Waits

Lecture 18 Waits-Autowaits

Lecture 19 Waits-Wait For Element State, Wait For Page To Have Url, Wait for Network Idle

Section 6: Annotations and Hooks

Lecture 20 Test Annotations-Grouping Tests,Only Running Single Test, Skipping Test

Lecture 21 Test Annotations-Tagging a Test, Creating Our Own Annotations

Lecture 22 Hooks-Executing Custom Code Before/After All Tests, Before/After Each Test

Beginner Automation Engineers