Playwright JS/TS Automation Testing from Scratch & Framework from Udemy

Course last updated on Jan 2nd 2025 with Coding Interview exercises

Welcome to the comprehensive Playwright course that covers everything from the basics to frameworks, including JavaScript fundamentals without need of any prior JavaScript experience.

This course is entirely practical. We will use a fully functional e-commerce application for testing and learn how to automate every scenario of the application, including dynamic components often used in modern React and Angular applications.

We will also explore how to perform API testing to create data within the application using Playwright.

The course will show you how to conduct end-to-end functional testing, which includes both UI testing and API testing in a single script. This script creates data, tests scenarios, and deletes the data.

Advanced topics are discussed, such as grabbing session cookies using APIs and responses to bypass the UI login screen for faster and more reliable execution.

Everything is possible with Playwright, and this course demonstrates a systematic way to handle complex e-commerce applications with strategically designed automated test cases.

The course covers two powerful frameworks for designing test cases:

Playwright Cucumber BDD Framework
Playwright with Mocha

These two frameworks are built on top of page object design patterned tests, which take data from external sources and use custom utility methods to produce outstanding HTML reports.

Finally, the complete framework will be integrated with CI/CD Jenkins and use Docker containers to run the tests.

It's important to note that Playwright has powerful logging capabilities, including screenshots, videos, and built-in features called Playwright Inspector and Traces for a detailed view of post-execution. These features are demonstrated with live demos throughout the course.

In conclusion, this course is a one-stop shop for you to become a Playwright hero and take charge of modern, full end-to-end test automation.

Note : We are using JavaScript language binding to build Playwright Automation tests. (Js is mainly picked language for Playwright)For Beginners, there is 3 hours Javascript video in the last section of this course which covers all JS basics from Scratch including coding Assignments and quizzes which prepares candidates for Interviews.

Course Structure Breakdown:

Playwright Web/UI Automation (50%) - Master core Playwright concepts for comprehensive UI automation.
Mixed Web & API Testing with Network Mocking (25%) - Expand your skills by combining UI and API testing with network mocking capabilities.
Playwright Advanced Framework Features (25%) - Dive deep into advanced Playwright frameworks for optimal test design.
Optional: JavaScript Basics for Beginners (3 hrs) - Build a solid JavaScript foundation for confident Playwright exploration.

Become a Playwright hero and embrace the future of end-to-end test automation. Enroll today.

What's inside

Learning objectives

Learn javascript fundamentals required for playwright automation testing
Understand the web automation with playwright on live applications
Comprehensive knowledge on all playwright methods and their usage with examples
Learn how to make api calls with in ui automation tests to perform smart automation
Understand how to intercept network/api requests & responses with playwright

Get familiar with playwright inspector tool, trace viewer & code gen (record playback) tools
Develop playwright cucumber bdd framework from scratch with best practices
Develop end to end mocha framework with playwright utilizing all the features available in the tool
Understand visual testing, mobile device emulation & test execution in ci/cd docker container

Learn javascript fundamentals required for playwright automation testing
Understand the web automation with playwright on live applications
Comprehensive knowledge on all playwright methods and their usage with examples
Learn how to make api calls with in ui automation tests to perform smart automation
Understand how to intercept network/api requests & responses with playwright
Get familiar with playwright inspector tool, trace viewer & code gen (record playback) tools
Develop playwright cucumber bdd framework from scratch with best practices
Develop end to end mocha framework with playwright utilizing all the features available in the tool
Understand visual testing, mobile device emulation & test execution in ci/cd docker container

Syllabus

Introduction to Playwright Automation & Course expectations

Introduction to Playwright and its features

How this Course is designed? Topics Breakup

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

Covers end-to-end functional testing, which includes both UI and API testing in a single script, enabling comprehensive test automation strategies

Explores advanced topics like grabbing session cookies using APIs and responses to bypass the UI login screen, leading to faster and more reliable test execution

Demonstrates how to handle complex e-commerce applications with strategically designed automated test cases, which is highly relevant for real-world testing scenarios

Uses JavaScript language binding to build Playwright automation tests, which is a popular and versatile language for test automation

Requires installing Node.js and Visual Studio for setting up the Playwright environment, which may require additional setup for some learners

Teaches Playwright using JavaScript, and while it includes a JavaScript basics section, learners without prior programming experience may find the learning curve steep

Reviews summary

Comprehensive playwright automation & frameworks

According to learners, this course provides a comprehensive foundation in Playwright automation testing, covering everything from UI and API testing to building full end-to-end frameworks using BDD (Cucumber) and Mocha. Many students highlight the practical, hands-on approach with real-world examples and exercises as a major strength, and praise the instructor's clear explanations. While the course structure is generally well-received, a few reviewers noted the pace can feel slow at times or that it might assume some basic prior automation familiarity despite the included JavaScript fundamentals section for beginners. The course is regularly updated, reflecting current best practices and tooling like Playwright Inspector and Trace Viewer.

Offers fundamental JS section for beginners.

"JS section is helpful for beginners."

"For Beginners, there is 3 hours Javascript video in the last section which covers all JS basics from Scratch."

"The JavaScript module is a good refresher or starting point if you're new to the language."

Course content stays current and relevant.

"Course last updated on Jan 2nd 2025 with Coding Interview exercises."

"Updated content is great! The new sections make it even better."

"It's good to see the course being actively maintained and updated."

Teaches building frameworks (BDD, Mocha).

"Really enjoyed the framework sections (BDD and Mocha)."

"Covers two powerful frameworks for designing test cases, which was very useful."

"Building the framework from scratch was very valuable."

Instructor explains concepts clearly and well.

"Instructor is clear."

"Instructor is very knowledgeable."

"The explanations are easy to follow and the demos are helpful."

Focuses on real-world application & examples.

"The practical approach is fantastic."

"Hands-on examples are great. I could immediately apply what I learned."

"Really enjoyed the practical exercises and building projects alongside the instructor."

Covers UI, API, frameworks, and CI/CD.

"Excellent course, very comprehensive. Covers UI, API, frameworks, CI/CD."

"Best Playwright course I've found. Covers everything you need for a complete end-to-end framework."

"Learned a ton about Playwright. It goes deep into UI, API, and framework design."

Pace can vary; some prior automation helps.

"Okay course, but assumes some prior automation knowledge despite being 'from scratch'."

"Sometimes pace is slow."

"Found it difficult to follow at times, especially without prior automation context."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Playwright JS/TS Automation Testing from Scratch & Framework with these activities:

Review JavaScript Fundamentals

Show steps

Strengthen your JavaScript foundation to better understand and implement Playwright automation scripts. This will help you grasp the core concepts and coding exercises covered in the course.

Browse courses on JavaScript Fundamentals

Show steps

Review basic syntax, data types, and control flow in JavaScript.
Practice writing simple JavaScript functions and programs.
Familiarize yourself with DOM manipulation concepts.

Read 'JavaScript and JQuery: Interactive Front-End Web Development'

Show steps

Gain a deeper understanding of JavaScript and jQuery to enhance your ability to write effective Playwright tests. This book will help you understand the underlying technologies that Playwright interacts with.

View Front-End Back-End Development with HTML, CSS,... on Amazon

Show steps

Read the chapters on JavaScript syntax, DOM manipulation, and event handling.
Experiment with the code examples provided in the book.

Build a Simple Web Application

Show steps

Develop a small web application using HTML, CSS, and JavaScript to gain practical experience with the technologies that Playwright automates. This hands-on project will solidify your understanding of web development concepts.

Show steps

Design a simple web page with a few interactive elements.
Implement JavaScript functionality to handle user interactions.
Test your application manually to ensure it functions correctly.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Practice Playwright Locators

Show steps

Sharpen your skills in identifying and using Playwright locators to interact with web elements. This practice will improve your ability to write robust and reliable automation scripts.

Show steps

Identify different types of locators (ID, class, text, etc.) on a sample web page.
Write Playwright code to interact with elements using various locators.
Experiment with different locator strategies to find the most effective approach.

Read 'The Way of the Web Tester: A Beginner's Guide to Automating Tests'

Show steps

Gain a deeper understanding of web testing principles and best practices to enhance your ability to write effective Playwright tests. This book will help you understand the underlying technologies that Playwright interacts with.

View Putting Knowledge to Work on Amazon

Show steps

Read the chapters on web testing principles, test automation strategies, and best practices.
Experiment with the code examples provided in the book.

Document Test Automation Strategies

Show steps

Create a document outlining different test automation strategies applicable to web applications. This will help you think critically about test design and improve your ability to create effective automation frameworks.

Show steps

Research different test automation strategies (e.g., BDD, data-driven testing).
Describe the advantages and disadvantages of each strategy.
Provide examples of how to implement each strategy using Playwright.

Contribute to a Playwright Open Source Project

Show steps

Contribute to an open-source Playwright project to gain experience working with real-world codebases and collaborating with other developers. This will enhance your skills and expose you to best practices in test automation.

Show steps

Find an open-source Playwright project on GitHub or GitLab.
Identify a bug or feature that you can contribute to.
Submit a pull request with your changes.

Career center

Learners who complete Playwright JS/TS Automation Testing from Scratch & Framework will develop knowledge and skills that may be useful to these careers:

Test Automation Engineer

A Test Automation Engineer designs, develops, and maintains automated tests to ensure software quality. This course directly applies to this role, as it provides hands-on experience with Playwright, a leading automation tool, covering UI and API testing, which are core responsibilities of a Test Automation Engineer. The course's focus on building frameworks and integrating them with CI/CD pipelines is also very relevant. This course helps build a foundation in creating robust end-to-end test automation, a critical skill for a successful Test Automation Engineer.

See salaries and explore the career path for Test Automation Engineer

Software Development Engineer in Test

A Software Development Engineer in Test, or SDET, is a role that requires a strong foundation in both software development and testing. This course helps build a foundation in test automation using Playwright, covering both UI and API testing. The course’s focus on building frameworks like Cucumber BDD and Mocha, along with integrating with CI/CD Jenkins using Docker containers, aligns perfectly with the SDET's responsibilities. SDETs need to be adept at creating comprehensive test strategies, and this course, which explores advanced topics like session cookies and network mocking, makes it an ideal choice.

See salaries and explore the career path for Software Development Engineer in Test

Automation Specialist

An Automation Specialist is responsible for implementing and managing automated solutions, often in testing. This course gives you the practical skills to excel in this role, providing hands-on experience with Playwright, covering UI and API automation. The course teaches how to automate complex e-commerce applications using strategically designed automated test cases. The course covers multiple frameworks, which means that an Automation Specialist can adapt to diverse testing needs.

See salaries and explore the career path for Automation Specialist

Test Architect

A Test Architect is responsible for designing and implementing test automation strategies and frameworks. This course will help you build a strong foundation in this role, as it covers Playwright in detail, including building robust test automation frameworks. The course's material on Cucumber BDD and Mocha frameworks, combined with page object design patterns, is useful for a Test Architect. The course goes further, teaching integration with CI/CD Jenkins using Docker, an important skill for a Test Architect to learn.

See salaries and explore the career path for Test Architect

Quality Engineer

A Quality Engineer aims to improve software development processes and ensure product quality. This course directly impacts the capabilities of a Quality Engineer by providing practical skills in test automation using Playwright. The course shows how to perform end-to-end functional testing, covering both UI and API testing within a single script. The course's emphasis on frameworks, data-driven testing, and CI/CD integration aligns with the responsibilities of a Quality Engineer.

See salaries and explore the career path for Quality Engineer

API Test Engineer

An API Test Engineer specializes in testing application programming interfaces to ensure they function as expected. This course helps those in this role, as it provides hands-on experience in API testing with Playwright. The course shows how to integrate API calls within UI automation tests, and it covers techniques for grabbing session cookies and intercepting network requests, which are highly relevant to an API Test Engineer. The course helps build a greater aptitude for both UI and API testing.

See salaries and explore the career path for API Test Engineer

Automation Consultant

An Automation Consultant provides expert advice and support to organizations on implementing automation strategies, and this course helps create a foundation for this role. By providing hands-on experience with Playwright, including UI and API testing, this course prepares one to understand automation from a practical perspective. The course covers a range of topics, from basic concepts to more advanced techniques, which will help an Automation Consultant tailor advice in accordance to specific client needs. This course will improve the ability of an Automation Consultant to advise clients.

See salaries and explore the career path for Automation Consultant

Technical Lead

A Technical Lead often guides teams in software development and testing, and this course will be very beneficial to a Technical Lead working on test automation. The course features end-to-end functional testing using Playwright, which covers both UI and API. The course's practical approach to building frameworks with options like Cucumber BDD and Mocha, plus the coverage of integrating with CI/CD pipelines, are all essential for a Technical Lead to understand. Such a leader needs to know how to use these technologies for overseeing projects.

See salaries and explore the career path for Technical Lead

DevOps Engineer

A DevOps Engineer is focused on optimizing software development and deployment processes. This course will be beneficial, as it covers integrating automated tests with CI/CD pipelines using Jenkins and Docker. Learning how to create effective end-to-end test automation suites, including both UI and API testing, can improve the efficiency of DevOps processes. The course's practical approach to building frameworks and utilizing tools like Playwright Inspector and Traces will provide insight for a DevOps Engineer.

See salaries and explore the career path for DevOps Engineer

Test Engineer

A Test Engineer plays a key role in ensuring software quality by designing and executing tests. This course may be useful, as it offers a comprehensive understanding of Playwright, and it teaches how to perform end-to-end functional testing, including UI and API aspects. The course’s coverage of advanced topics like session cookies and network mocking helps Test Engineers create more reliable and efficient tests. Furthermore, creating detailed reports through frameworks makes this course relevant.

See salaries and explore the career path for Test Engineer

Quality Assurance Analyst

A Quality Assurance Analyst focuses on ensuring software meets quality standards through various testing methods. This course may be useful for Quality Assurance Analysts focused on automation, because it offers practical experience in automating tests using Playwright, from the basics to advanced frameworks. Understanding how to perform end-to-end functional testing that includes both UI and API testing is particularly relevant to this role. The course’s emphasis on creating reports and utilizing tools like Playwright Inspector and Traces can improve a Quality Assurance Analyst's efficiency.

See salaries and explore the career path for Quality Assurance Analyst

Software Engineer

A Software Engineer is responsible for designing, developing, and maintaining software applications, and this course will be especially beneficial to those interested in testing or full-stack development. It introduces the concept of end-to-end testing using Playwright, incorporating both UI and API checks. The course shows how to create tests, integrate them into CI/CD, and build reusable test frameworks. This knowledge can be helpful for a Software Engineer to write higher quality code and to understand how their code is tested.

See salaries and explore the career path for Software Engineer

Performance Test Engineer

A Performance Test Engineer ensures that software applications perform well under various conditions. This course may be useful, as it teaches how to use Playwright to perform API testing, which can give insights into backend performance. The course also teaches how to use Playwright to generate data for testing, which can be useful for performance tests that need to create a large amount of data to simulate various scenarios. The course’s focus on network mocking can help create specific conditions to test the application's performance.

See salaries and explore the career path for Performance Test Engineer

Software Tester

A Software Tester is responsible for finding defects in software applications through various testing techniques. This course may be useful to software testers who want to expand their skills into automation, as it provides a practical approach to test automation using Playwright. The course teaches how to automate scenarios for applications, including dynamic components frequently found in modern apps. It will be a way for a Software Tester to understand how to use a modern automation tool.

See salaries and explore the career path for Software Tester

Solutions Architect

A Solutions Architect designs and oversees the implementation of IT solutions, including testing strategies. This course may be useful to a Solutions Architect involved in test automation, because it covers Playwright, including both UI and API testing techniques. The course’s focus on building frameworks and integrating with CI/CD pipelines may be useful information for a Solutions Architect. A Solutions Architect will find the course helpful when designing and implementing strategies that involve automation testing.

See salaries and explore the career path for Solutions Architect

Playwright JS/TS Automation Testing from Scratch & Framework

Here's a deal for you

What's inside

Learning objectives

Syllabus

Traffic lights

Save this course

Reviews summary

Comprehensive playwright automation & frameworks

Activities

Career center

Reading list

Share

Similar courses