Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Automation testing with Puppeteer, Playwright and CodeceptJS

Name: Automation testing with Puppeteer, Playwright and CodeceptJS
Rating: 4.0 (98 reviews)

Learn E2E testing of Web Apps with Puppeteer, Playwright and CodeceptJS from complete ground up [2020 updated]

Created byKarthik KK

Last updated 4/2023

English

What you'll learn

Complete understanding of Puppeteer from ground up
Understanding the basics of working different components of Puppeteer
Understand Jest test runner framework
Understand working with Cucumber and Cucumber reporting
Understanding Page Object Model and advanced concepts of Puppeteer

Course content

12 sections • 95 lectures • 8h 37m total length

Introduction and getting started with Puppeteer8:45
Installing Puppeteer in VS Code5:19
Writing super simple code with Puppeteer10:05
Working with Browsers and Pages in Puppeteer5:00
Working with connected and disconnected browsers in puppeteer6:13
Working with Keyboards and Mouse along with Mouse Hover9:27
Learn to automate keyboards and mouse in puppeteer, using the keyboard API for typing and pressing keys, and hovering to reveal menus. Viewport settings affect interactions and mouse movement.
Working with different Locators to identify UI elements from Page12:17
Learn to identify and interact with UI elements on a page using different locators in Puppeteer, including CSS selectors and XPath, and handle promises to type username and password.
Working with Locator to navigate all pages in app and showing all menu texts9:53
Learn to automate app navigation by locating and clicking all hyperlinks and menu items with Puppeteer, Playwright, and CodeceptJS, printing the resulting links and demonstrating navigation across pages.
Working with different Waiting Mechanism in Puppeteer10:00
Discover page-level and browser-level waiting mechanisms in Puppeteer, including waitForNavigation, waitForSelector, waitForRequest, waitForResponse, and network idle options, to synchronize tests with page loads.
Working with waits (Part B)7:42
Complete Source code0:01

Puppeteer Extended with Apify6:46
Discover puppeteer extended with Apify SDK, a scalable web crawling and scraping library that enhances puppeteer for web automation, site map, and screenshotting.
Complete Source code0:01
Record and Playback with Puppeteer8:53
Cross browser testing with Puppeteer (Firefox and Chrome)11:30
Explore cross browser testing with puppeteer by running the same tests on Chrome and Firefox, install puppeteer Firefox, and extend code to support multiple browsers.
Complete Source code0:01

Introduction to CucumberJS with BDD5:46
CucumberJS enables behavior-driven development with puppeteer by writing tests in plain language using feature files, steps, hooks, and world contexts.
Writing CucumberJS code12:39
CucumberJS Sharing code context3:48
Explore sharing the page context across login step definitions, diagnose the page is not defined error, and apply S word to preserve context across files.
Source code before world implementation0:01
Working with CucumberJS World to share context (Part A)4:54
Working with CucumberJS World to share context (Part B)3:16
Learn to share context across CucumberJS World step definitions by reusing a single browser and page objects, and simplify stub definitions for robust automation tests.
Working with CucumberJS Hooks5:52
Learn to implement cucumber hooks for setup and teardown, opening browser before each scenario and closing it after, with before hooks running in order and after hooks in reverse order.
Working with DataTable in CucumberJS6:15
Complete Source code

Introduction5:36
Learn advanced coding practices for automation testing with puppeteer, focusing on modular libraries, class-based page objects, and using babel to transpile modern JavaScript for compatibility.
Creating and working with JS Classes7:13
Installing Babel JS Compiler3:44
Install and configure the babel js compiler by adding babel cli, babel plugins for class properties, and polyfill; create a babelrc and register babel to run the code.
Creating Library - Browser Library6:09
Creating Library - Puppeteer helper Library5:26
Replacing existing classes with libraries4:37
Created Page Object Model with Class Property with Custom Puppeteer Helper lib5:46
Demonstrates creating a page object model with class properties and a custom Puppeteer helper library. Refactors login and home page interactions, updates selectors, and runs tests that pass.
Created Page Object Model with Class Property with Custom Puppeteer Helper lib4:28
Enhance the page object model by introducing class properties with a custom puppeteer helper, making element access clearer and more maintainable while replacing legacy browser library code.
Complete Source code

Working with XPath and resolving common mistakes12:02
learn to use XPath with puppeteer, identify elements via $x, resolve promises with async/await, avoid common asynchronous mistakes, and use XPath with puppeteer as shown.
Working with FileUpload5:50
Debugging test code with VSCode5:46
Working with Accessibility testing with Puppeteer7:08
Perform accessibility testing with puppeteer by generating a page snapshot and inspecting roles and names. Ensure DOM elements have accessible identifiers so assistive technologies can operate the UI.
Device Emulation testing4:18
Learn how to emulate devices in Puppeteer to test page rendering on real devices like iPhone X and iPad Pro, ensuring responsive behavior.
Working with MultiSelect using Puppeteer v2.07:27
Complete Source code

Introduction to CodeceptJS6:14
Explore CodeceptJS, a modern testing framework with a readable bdd-style syntax that unifies Puppeteer, Playwright, and other helpers. Learn installation, configuration, and switching helpers for the same API across tools.
Installing ang getting started with CodeceptJS7:54
Explore installing and getting started with CodeceptJS, configuring a Puppeteer helper, and running scenario-driven tests with driver-agnostic support, interactive debugging, and parallel, multi-session testing.
Understanding CodeceptJS Syntax and using Puppeteer helper for CodeceptJS10:06
Learn to write CodeceptJS scenarios using the Puppeteer helper, including login flows for a demo site, form filling, waits, and assertions, with automatic tool switching and screenshot support.
Generating report with CodeceptJS using Mochawesome2:42
Learn to generate a mocha awesome report in CodeceptJS by adding mocha awesome to package.json, running tests with the mocha awesome reporter, and viewing the generated report.
BDD with CodeceptJS10:21
Learn behavior-driven development with CodeceptJS, writing BDD scenarios and step definitions, using cucumber-js style tables for data-driven login tests in puppeteer and playwright contexts.
Parallel execution with CodeceptJS6:34
Learn how CodeceptJS enables parallel test execution using run workers and run multiplier to split scenarios into groups and run tests across multiple browsers in parallel.
Complete Source code

Requirements

Basic understanding of Javascript is helpful
Basic understanding of Web UI automation like selenium may be added advantage

Description

[Updated to new course name]

In this course Automation testing with Puppeteer, Playwright and CodeceptJS we will learn a lot more details, not just about Puppeteer tool, but also the tools and techniques which can make puppeteer, even more, better for testing larger application.

We will start our discussion from a basic topic to more advanced concepts of the Puppeteer, Playwright, and CodeceptJS tools. So, basically, this course is updated to supported three tools in parallel such as

Puppeteer
Playwright
CodeceptJS

The reason for adding Playwright and CodeceptJS in the original Puppeteer course being, Playwright is an incarnation of Puppeteer tool and CodeceptJS act as a framework for both Puppeteer and Playwright, hence having knowledge in all these tools are a good combination for automating an application.

Puppeteer

Introduction and Basics of Puppeteer
Distinguished features of Puppeteer
Extending Puppeteer
Jest with Puppeteer
Cucumber with Puppeteer
Puppeteer with Firefox
Cucumber HTML Reporting with Puppeteer
Page Object Model with Puppeteer
Migrating project from ES5 to ES6
Advanced concepts of Puppeteer

Playwright

Introduction and what is Playwright
Installation
Writing super simple code and understand how Playwright is similar to Puppeteer
Cross-browser testing
CodeceptJS support
Playwright CLI
Playwright Test Runner
Folio - Custom Test runner framework

CodeceptJS

Understanding the framework
How to make use of CodeceptJS helpers
CodeceptJS helper for Puppeteer
CodeceptJS syntax
Reporting

The course covers topics that are not covered elsewhere on the internet and that makes the course more distinguished by itself.

As that said, at the end of this course, the source code repository in the course will act as a clear guideline of how to extend the course based on your requirements at your work.

Who this course is for:

QA
BA
Devlopers
DevOps

Automation testing with Puppeteer, Playwright and CodeceptJS

What you'll learn

Explore related topics

Course content

Puppeteer Basic and Getting started11 lectures • 1hr 25min

Puppeteer distinguished features6 lectures • 36min

Puppeteer Extended5 lectures • 27min

Jest with Puppeteer6 lectures • 33min

BDD with CucumberJS in Puppeteer9 lectures • 43min

Page Object Model in Puppeteer3 lectures • 13min

Cucumber HTML Reporting for Puppeteer4 lectures • 12min

Extending Puppeteer with advanced coding practices9 lectures • 43min

Puppeteer TidBits7 lectures • 43min

CodeceptJS with Puppeteer7 lectures • 44min

Requirements

Description

Who this course is for: