Back to Browse

CI Pipeline for Playwright Framework (Part 3) | Azure DevOps Full Setup Tutorial

2.0K views
Jun 19, 2025
3:15:02

๐Ÿš€ In this video, weโ€™ll set up a CI Pipeline for Playwright Framework (Part 3) using Azure DevOps, step by step! If youโ€™re building a Playwright + TypeScript Automation Framework, this guide will show you how to integrate CI/CD pipelines, run automated tests, and set up scalable test execution for your team. ๐Ÿ’ก By the end of this tutorial, youโ€™ll have a working Playwright CI pipeline ready for real-world projects! ๐Ÿ‘‰ Topics covered in this video: Azure DevOps CI Pipeline setup for Playwright Playwright + TypeScript automation framework integration End-to-end testing with Playwright in CI/CD Scalable automation framework setup for enterprises Best practices for Playwright CI/CD pipelines ๐ŸŽฏ Perfect for QA Engineers, Test Automation Developers, and Beginners who want to level up their Playwright testing skills. Letโ€™s grow together ๐Ÿ’ก #playwright #typescript #automation #testing #cicd #azuredevops #qa #softwaretesting #programming #tutorial #selenium #cypress Practice Website Credit : Restful-Booker / OrangHRM =========================================== Chapters 00:00:00 - Introduction 0:03:17 - Recap of Playwright Testing Framework - Part 1 & 2 0:15:05 - Introduction of CI using Azure DevOps with Playwright Framework 00:19:39 - Azure DevOps Pipeline Creation 00:28:53 - Basic Azure DevOps Pipeline YAML Configurations 00:47:00 - HTML Report Configuration Changes 00:58:48 - Analyze Azure DevOps Pipeline Run Logs 01:03:17 - Configure Secret Key for Azure DevOps Pipeline 01:12:09 - Configure Variables for Azure DevOps Pipeline 01:29:54 - Configure Parameters for Azure DevOps Pipeline 01:47:01 - Configure & Publish HTML Report 01:51:29 - Configure & Publish Junit Report 02:13:20 - Schedule Automatic Pipeline Run Using YAML Configuration 02:28:42 - Schedule Automatic Pipeline Run Using Trigger UI 02:38:27 - Configure Parallel Execution & Retires for CI 02:43:46 - Playwright Framework Flow Diagram 02:59:08 - Recap =================================================== ๐Ÿš€ Level Up Your Playwright Skills with Wish Infinite! - ๐ŸŽ Join the channel to unlock exclusive perks: ๐Ÿ”— https://www.youtube.com/channel/UCf31PKYkIG9dg1yGwcOygSw/join ๐ŸŽฌ Playwright Series (TypeScript / JavaScript): ๐Ÿ“บ https://www.youtube.com/playlist?list=PL83cimSRP5ZmwhC6u255huRwSi9tlP-nc ๐Ÿงช Playwright API Testing Playlist: ๐Ÿ“บ https://www.youtube.com/playlist?list=PL83cimSRP5ZlwSHlydctQ2njy0nTtjpPZ โฑ Learn Playwright in 60 Seconds (Shorts Playlist): ๐Ÿ“บ https://www.youtube.com/playlist?list=PL83cimSRP5ZlgDL11AGCufbTmADTOwHhO ๐Ÿง  Playwright Quiz & Community Posts: ๐Ÿ“Œ https://www.youtube.com/@WishInfinite/community ๐Ÿ“ Playwright Notes & Documentation: ๐Ÿ“– https://github.com/Wish-Infinite/playwright-tutorials-typescript-javascript/wiki โญ Don't forget to follow & star the repository! ๐Ÿ” Playwright Framework GitHub Private Repository: ๐Ÿ‘‰ https://github.com/Wish-Infinite/playwright-typescript-framework ๐Ÿ“‹ To request access to Framework Private Repository, fill out this Google Form: https://forms.gle/4jMA9Z8MwmocbS29A ๐Ÿ’ฌ Once submitted, comment below to ensure timely access. โญ Also, make sure to follow me on GitHub and star the repository! ๐Ÿงฑ Playwright Framework (Part 1) | TypeScript / JavaScript | Playwright Tutorials: https://youtu.be/E6Tomhi8wyM ๐Ÿ™ GitHub Profile: ๐Ÿ”— https://github.com/Wish-Infinite ๐Ÿ“š Playwright Tutorials Github Repository: (All the spec files are present under Archive folder) ๐Ÿ”— https://github.com/Wish-Infinite/playwright-tutorials-typescript-javascript.git ๐ŸŽฅ Important Videos for Framework Setup: ๐Ÿ”— https://github.com/Wish-Infinite/playwright-tutorials-typescript-javascript/wiki/Important-Videos-For-Framework ๐Ÿ” Push Code to GitHub | Clone Repository | Playwright Tutorial: https://youtu.be/MGHjj59cwLA ๐Ÿง‘โ€๐Ÿคโ€๐Ÿง‘ Raise PR / Pull Request in GitHub | How to Create, Review, Merge PR | Playwright Tutorial: https://youtu.be/avBLTJv3GLc ๐Ÿ“Š HTML Report with Screenshot, Videos, Retries and Trace | Playwright Tutorial: https://youtu.be/o5JN_jP10Tk ๐Ÿงพ In-Built Reporters | List, Line, Dot, HTML, Blob, JSON, JUnit, GitHub Reporters | Playwright Tutorial: https://youtu.be/Q04DGjjlkH4 โš™๏ธ CI using Azure DevOps | Continuous Integration | Complete Guide | E2E | Playwright Tutorial: https://youtu.be/U_xMKGwJmo0 ๐Ÿงฑ Playwright Framework (Part 1) | TypeScript / JavaScript | Playwright Tutorials: https://youtu.be/E6Tomhi8wyM ๐Ÿ”— Playwright Framework + API Testing Integration | Playwright Tutorials: https://youtu.be/5OCwI1egNnU

Download

1 formats

Video Formats

360pmp4232.8 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

CI Pipeline for Playwright Framework (Part 3) | Azure DevOps Full Setup Tutorial | NatokHD