• No hay productos en el carrito.

Inicio / Cursos / Playwright JS/TS Automation Testing from Scratch & Framework
Impartido por Rahul Shetty Academy - 1.3 Million LearnersPago único de $2,800 MXN · acceso por 12 meses

Playwright JS/TS Automation Testing from Scratch & Framework

150k Learners- Playwright tutorials on TypeScript and JavaScript (Web - API )Testing, AI Agents, Cucumber, CI/CD etc

Certificado oficial emitido por la SEPA través del Gobierno del Estado de México
12 meses de acceso En línea · 60 h 29 unidades
Qué aprenderás

Lo que serás capaz de hacer

**Course last updated on August 2026 with Playwright Agents & MCP's demo ** Welcome to the comprehensive Playwright course that covers everything from the basics to frameworks + AI Agents, including TypeScript & JavaScript fundamentals without need of any prior programming 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!

  • Learn JavaScript & TypeScript 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

Temario

UNIDAD 1 - Introduction to Playwright Automation & Course expectations · 5 lecciones

UNIDAD 1 - Introduction to Playwright Automation & Course expectations

  • The Tutorial to master "Test Automation Ecosystem" using PlaywrightVideo · 3 min
  • Introduction to Playwright and its Key featuresVideo · 13 min
  • How is this Course Strategy Designed? – Must-Watch LectureVideo · 6 min
  • Note for Windows PowerShell Users.Lectura · 0 min
  • Install Node.js & Visual Studio for setting up Playwright EnvironmentVideo · 8 min
UNIDAD 2 - 3 hours of JavaScript & TypeScript Fundamentals including coding exercises · 1 lecciones

UNIDAD 2 - 3 hours of JavaScript & TypeScript Fundamentals including coding exercises

  • Action plan to complete Javascript learningLectura · 0 min
UNIDAD 3 - Getting started with Playwright Automation Core concepts · 9 lecciones

UNIDAD 3 - Getting started with Playwright Automation Core concepts

  • Download the complete course code as zip fileLectura · 0 min
  • Create npm Project and install Playwright dependencies for testingVideo · 7 min
  • npm Error in PowerShell (for Windows Users)Lectura · 0 min
  • Importance of Playwright Test Annotation and async await understandingVideo · 9 min
  • What is browser context and Page fixtures in Playwright ? - ExampleVideo · 14 min
  • Consolidated place to find Practice Websites & API's used in this tutorialVideo · 2 min
  • Importance of Playwright configuration file and its details to run the testsVideo · 14 min
  • Setup Assertions in Playwright tests & multiple browsers ConfigurationVideo · 11 min
  • Ace Your Playwright Technical InterviewProyecto · 0 min
UNIDAD 4 - Playwright Basic methods for Web Automation testing with examples · 8 lecciones

UNIDAD 4 - Playwright Basic methods for Web Automation testing with examples

  • Locators supported by playwright and how to type into elements on pageVideo · 12 min
  • Extracting the text from browser and inserting valid expect assertions in testVideo · 13 min
  • How to work with locators which extract multiple webelements in pageVideo · 11 min
  • Understanding how wait mechanism works if list of elements are returnedVideo · 10 min
  • Practice Apps to bring you confidence on subjectLectura · 0 min
  • Techniques to wait dynamically for new page in Service based applicationsVideo · 18 min
  • Code downloadLectura · 0 min
  • Test your knowledge of section-4Cuestionario · 0 min
UNIDAD 5 - Handling UI Components(Dropdowns ,Radio Buttons, Childwindows) with Playwright · 8 lecciones

UNIDAD 5 - Handling UI Components(Dropdowns ,Radio Buttons, Childwindows) with Playwright

  • Handling static Select dropdown options with PlaywrightVideo · 9 min
  • Selecting radio buttons, Checkboxes and implement expect assertionsVideo · 7 min
  • Using async await with Assertions and understand validating the attributesVideo · 8 min
  • Note Before proceeding to next lecture.Lectura · 0 min
  • Handling Child windows & Tabs with Playwright by switching browser contextVideo · 25 min
  • Difference between textContent() & valueInput() methods in Playwright -exampleVideo · 4 min
  • Code downloadLectura · 0 min
  • Test your knowledge of Section-5Cuestionario · 0 min
UNIDAD 6 - End to End Web Automation Practice Exercise with Playwright · 10 lecciones

UNIDAD 6 - End to End Web Automation Practice Exercise with Playwright

  • Demo of the Application and Test Scenarios which needs to be automatedVideo · 4 min
  • Write the Script to dynamically find the product to buy from list of productsVideo · 15 min
  • Add assertions for the actions performed and implement necessary Sync stepsVideo · 20 min
  • Handling Auto suggestive dropdown options with playwright - ExampleVideo · 14 min
  • Important NoteLectura · 0 min
  • Complete E2E flow of Placing the order and grab the OrderID with PlaywrightVideo · 12 min
  • Download CodeLectura · 0 min
  • Dynamically find the order from OrderHistory page using Playwright Script logicVideo · 16 min
  • End to End code discussed in the Section for referenceLectura · 0 min
  • Quiz on Section-7Cuestionario · 0 min
UNIDAD 7 - Playwright Unique GetBy Locators for Smart Testing & Test Runner usage · 11 lecciones

UNIDAD 7 - Playwright Unique GetBy Locators for Smart Testing & Test Runner usage

  • Understand how GetByLabel & Playwright UI Runner works with an exampleVideo · 13 min
  • Filtering elements with GetByRole,GetByText and perform chaining methods in stepVideo · 19 min
  • Code downloadLectura · 0 min
  • Understand how Assertions Time out works in Global level & Step level with DemoVideo · 9 min
  • Understand how Test Global time out works and how to customize it with exampleVideo · 6 min
  • What are Actions Time out and how different they are from Assertions timeoutsVideo · 12 min
  • Notes RecapLectura · 0 min
  • Understand when getByLabel can be used to enter into edit boxesVideo · 5 min
  • Rewrite end to end test with getByRole, getByText conjuction with Filter logicVideo · 18 min
  • Code downloadLectura · 0 min
  • Quiz on Section-8Cuestionario · 0 min
UNIDAD 8 - Learn Playwright Inspectors , Trace Viewers & Codegen tools with Demo examples · 3 lecciones

UNIDAD 8 - Learn Playwright Inspectors , Trace Viewers & Codegen tools with Demo examples

  • What is Playwright Inspector? And how to debug the playwright scriptVideo · 9 min
  • Codegen tool to record & Playback with generated automation scriptVideo · 7 min
  • Detailed view of Test Traces, HTML reports, logs & Screenshots for test resultsVideo · 13 min
UNIDAD 9 - Assignment Checkpoint · 3 lecciones

UNIDAD 9 - Assignment Checkpoint

  • Practice App Demo for AssignmentsVideo · 9 min
  • Full Booking Flow with Event CreationCuestionario · 15 min
  • Refund Eligibility CheckCuestionario · 30 min
UNIDAD 10 - Handling Web dialogs, Frames & Event listeners with Playwright · 3 lecciones

UNIDAD 10 - Handling Web dialogs, Frames & Event listeners with Playwright

  • How to validate if element is hidden, displayed mode with Expect assertionsVideo · 9 min
  • How to automate Java/JavaScript Alert popups with PlaywrightVideo · 8 min
  • How to handle & Automate frames with Playwright - ExampleVideo · 12 min
UNIDAD 11 - API Testing with Playwright and Build mix of Web & API tests · 10 lecciones

UNIDAD 11 - API Testing with Playwright and Build mix of Web & API tests

  • understanding the importance of API integration calls for Web testsVideo · 11 min
  • Playwright request method to make API calls and grab response - ExampleVideo · 15 min
  • Parsing API response & passing token to browser local storage with PlaywrightVideo · 10 min
  • Place order API to create order and bypass the flow in UI with mix of web/APIVideo · 9 min
  • End to end validation with mix of API & Web concepts - Reduce test timeVideo · 14 min
  • Important Prerequisite before going through next 2 videosLectura · 0 min
  • Refactor API calls from utils folder and isolate from Web test logicVideo · 15 min
  • Part 2 - Refactor API calls from utils folder and isolate from Web test logicVideo · 9 min
  • Code download for APIUtils fileLectura · 0 min
  • Code download for WebAPIPart1 fileLectura · 0 min
UNIDAD 12 - Session storage & Intercepting Network request/responses with Playwright · 9 lecciones

UNIDAD 12 - Session storage & Intercepting Network request/responses with Playwright

  • How to save session storage using Playwright and inject into new Browser contextVideo · 17 min
  • How to debug the API steps in script using Visual code debuggingVideo · 8 min
  • Detailed view of Trace viewer to understand the API logging req/responsesVideo · 4 min
  • How to intercept Network response calls with Playwright route methodVideo · 10 min
  • Understand the playwright route method and its parameters in intercepting - demoVideo · 24 min
  • Code downloadLectura · 0 min
  • How to intercept Network request calls with Playwright - Example demoVideo · 25 min
  • Code downloadLectura · 0 min
  • How to abort the Network calls with Playwright - ExamplesVideo · 15 min
UNIDAD 13 - Learn Playwright Fixtures & build Custom Fixtures for Tests - Examples · 3 lecciones

UNIDAD 13 - Learn Playwright Fixtures & build Custom Fixtures for Tests - Examples

  • What are Playwright Fixtures - Understand their use cases & Steps to implementVideo · 20 min
  • Build UI Login Fixture & API call Fixture for a Test - ExampleVideo · 15 min
  • Demo of 3 Custom Fixtures -Data driven, UI & API with Setup & TearDown unit codeVideo · 9 min
UNIDAD 14 - Assignment on API Testing & Mocking with Playwright · 3 lecciones

UNIDAD 14 - Assignment on API Testing & Mocking with Playwright

  • Sandbox Banner Visibility with API MockingCuestionario · 30 min
  • Cross-User Booking Access DeniedCuestionario · 30 min
  • Build a Two-Fixture Test — Login Fixture + Event Creation FixtureCuestionario · 30 min
UNIDAD 15 - Perform Visual Testing with Playwright Algorithms · 2 lecciones

UNIDAD 15 - Perform Visual Testing with Playwright Algorithms

  • Capture Screenshots with Playwright on page & partial Element level - DemoVideo · 6 min
  • What is visual testing & How to perform it using PlaywrightVideo · 9 min
UNIDAD 16 - Build Excel Utils and drive uploads downloads using Playwright · 8 lecciones

UNIDAD 16 - Build Excel Utils and drive uploads downloads using Playwright

  • Important NoteLectura · 0 min
  • Introduction to excelJS node module and setting up JS ProjectVideo · 9 min
  • Traversing rows and columns of excel worksheet with excelJS libraryVideo · 17 min
  • Build Util functions to read and update excel file strategicallyVideo · 13 min
  • How to get and update the data from excel based on filter search criteriaVideo · 17 min
  • Strategy to handle download & uploading files using PlaywrightVideo · 15 min
  • End to end example for excel edits and upload with assertions using PlaywrightVideo · 10 min
  • code downloadLectura · 0 min
UNIDAD 17 - Page Object Patterns & Data driven Parameterization for Playwright Tests · 8 lecciones

UNIDAD 17 - Page Object Patterns & Data driven Parameterization for Playwright Tests

  • Important Prerequisite before going through this sectionLectura · 0 min
  • What is page object pattern & Importance of its implementationVideo · 14 min
  • Creating Page objects and action methods for end to end Script - Part 1Video · 11 min
  • Creating Page objects and action methods for end to end Script - Part 2Video · 8 min
  • Assignment Solution - Converting Page object Model ProjectVideo · 5 min
  • How to drive the data from external json files to playwright testsVideo · 10 min
  • Implementing Parameterization in running tests with different data setsVideo · 8 min
  • How to pass test data as fixture by extend test annotation behaviourVideo · 9 min
UNIDAD 18 - Project Configurations, & Config options for robust Framework design · 4 lecciones

UNIDAD 18 - Project Configurations, & Config options for robust Framework design

  • Fix with AI Button - Let LLM Models handle why your tests are failing.Video · 4 min
  • various options in use property & setting up Project configurationsVideo · 9 min
  • View port Property on emulating browser to mobile devices with playwrightVideo · 7 min
  • Screenshots, Videos, Traces & SSL certification options setting in Config fileVideo · 6 min
UNIDAD 19 - Test Retries , Serial & Parallel execution & Tagging Tests in Playwright · 6 lecciones

UNIDAD 19 - Test Retries , Serial & Parallel execution & Tagging Tests in Playwright

  • how to fix flaky tests with test retry option in playwright config fileVideo · 7 min
  • Understand how playwright run tests in serial & parallel mode and update settingVideo · 8 min
  • How to run tests parallely from the same file by extending test option behaviourVideo · 6 min
  • Reason for test failures - Race condition - Fix themVideo · 6 min
  • How to tag tests and control the execution from the command line parametersVideo · 6 min
  • How one Playwright Interview Question can lead to 30 minutes DiscussionVideo · 32 min
UNIDAD 20 - HTMl & Allure Reporting & CI/CD Jenkins Integration · 4 lecciones

UNIDAD 20 - HTMl & Allure Reporting & CI/CD Jenkins Integration

  • How to generate HTML & Allure reporting for Playwright Framework testsVideo · 10 min
  • How to create custom scripts to trigger the tests from package.json fileVideo · 6 min
  • Install & Configure JenkinsVideo · 4 min
  • Integrate the Playwright framework with Jenkins and create parameterized JobVideo · 10 min
UNIDAD 21 - Understand TypeScript Basics and Refactor Playwright Framework to TypeScript · 7 lecciones

UNIDAD 21 - Understand TypeScript Basics and Refactor Playwright Framework to TypeScript

  • Important NoteLectura · 0 min
  • Understand the differences between TypeScript & JavaScriptVideo · 9 min
  • Deep dive into TypeScript type syntaxes and their usage - 1Video · 15 min
  • Deep dive into TypeScript type syntaxes and their usage -2Video · 13 min
  • Build Playwright Pageobject TypeScript files and enforce the typing standardsVideo · 10 min
  • Build Playwright Utility TypeScript files with enforcing the typing standardsVideo · 7 min
  • Refactor Playwright tests into TypeScript compatible and run the E2E TestVideo · 15 min
UNIDAD 22 - Playwright Cucumber Framework Integration with its features · 9 lecciones

UNIDAD 22 - Playwright Cucumber Framework Integration with its features

  • What is Cucumber Framework ? How it fits in Playwright needsVideo · 8 min
  • Cucumber Configuration and setup feature files into Playwright ProjectVideo · 11 min
  • Create Step Definition files and associate with Cucumber.js config fileVideo · 9 min
  • Implement Code login into StepDefinition file and run Cucumber feature filesVideo · 8 min
  • What is World Constructor? Its usage in Playwright CucumberVideo · 14 min
  • Understand Cucumber Hooks and its implementation process in frameworkVideo · 15 min
  • Implement Cucumber Tags for features and also demo on Tagged Hooks to filterVideo · 13 min
  • Parameterization with Scenario outline & run tests Parallel in PlaywrightVideo · 6 min
  • Generate HTML reports for Cucumber Playwright & Rerun failed ScenariosVideo · 13 min
UNIDAD 23 - E2E Playwright Devops using Azure Cloud Parallel hosting & Github Actions CI/CD · 13 lecciones

UNIDAD 23 - E2E Playwright Devops using Azure Cloud Parallel hosting & Github Actions CI/CD

  • What is QA ops? How different it is from Devops? Why it is must for FrameworksVideo · 5 min
  • Plan to implement QAOps in Playwright framework with Architectural diagramVideo · 5 min
  • Introduction to Azure & Playwright cloud workspace resource creation stepsVideo · 7 min
  • Setup Storage Configurations & env values so that local tests connect to cloudVideo · 13 min
  • Running Playwright Framework tests on Azure cloud with detailed reportingVideo · 11 min
  • Push local Framework code into Github repository for CI/CD- DemoVideo · 6 min
  • Introduction to GitHub Actions & detailed overview of .yml fileVideo · 13 min
  • Understand connecting GitHub Actions Pipeline to Azure Playwright cloudVideo · 17 min
  • Demo - See magic of CI/CD trigger with cloud execution on new code push to repoVideo · 9 min
  • Demo of CI/CD trigger on Pull request to main branch & Gate way checks on PRVideo · 12 min
  • AzureCI/CD Pipelines.yml file downloadLectura · 0 min
  • Running Tests Parallel on GitHub Shards configured with in Actions pipelineVideo · 31 min
  • GitHub Shards pipeline.yml file downloadLectura · 0 min
UNIDAD 24 - Course Code download · 1 lecciones

UNIDAD 24 - Course Code download

  • Code downloadLectura · 0 min
UNIDAD 25 - Playwright Agents & MCP - Spin up AI Agents inside VS code with Github Copilot · 8 lecciones

UNIDAD 25 - Playwright Agents & MCP - Spin up AI Agents inside VS code with Github Copilot

  • Gen AI Integration to Playwright framework using Github Copilot pluginVideo · 20 min
  • What is MCP? Understand how Playwright MCP help us to build AI AgentVideo · 7 min
  • Use AI Agent mode to create new Playwright tests and execute them with PromptingVideo · 11 min
  • Practice Apps to bring you confidence on subjectLectura · 0 min
  • What are Playwright inbuilt Agents? How they work under hoodVideo · 5 min
  • Setting up Playwright Agents and understand Chat mode options with their rolesVideo · 13 min
  • Use Planner & Generator Agent - To Create Test plan and build associated ScriptVideo · 16 min
  • Healing agent -Use this to repair your failed tests generated by Generator AgentVideo · 6 min
UNIDAD 26 - Playwright CLI with Claude Code AI Agent · 3 lecciones

UNIDAD 26 - Playwright CLI with Claude Code AI Agent

  • What is Playwright CLI? How different it is from MCP?Video · 12 min
  • Understand Skills.md & Setup Playwright CLI & Claude codeVideo · 11 min
  • Demo of AI Agent working behalf of us in building Playwright TestsVideo · 8 min
UNIDAD 27 - Most commonly asked JavaScript Programming Interview Questions · 5 lecciones

UNIDAD 27 - Most commonly asked JavaScript Programming Interview Questions

  • How the Interview questions video is designed?Video · 1 min
  • Questions list with TimestampLectura · 0 min
  • 75 Mins In detail discussion on commonly asked Programming Interview QuestionsVideo · 1 h 23 min
  • Playwright Interview Questions with explanations part - 1Video · 44 min
  • Playwright Interview Questions with explanations part - 2Video · 42 min
UNIDAD 28 - Appendix - Learn JavaScript Fundamentals from Scratch for Automation · 5 lecciones

UNIDAD 28 - Appendix - Learn JavaScript Fundamentals from Scratch for Automation

  • Important Info about this SectionLectura · 0 min
  • Complete 3 hours JavaScript/TypeScript Tutorial for Automation TestingVideo · 2 h 55 min
  • Test your JavaScript Array knowledgeActividad · 0 min
  • Manipulate an array of strings (add, remove, sort)Actividad · 0 min
  • Apply transformations and calculations to array elements, and filter elements based on a conditionActividad · 0 min
UNIDAD 29 - Bonus Lecture · 1 lecciones

UNIDAD 29 - Bonus Lecture

  • Bonus Lecture - Get ready for your next moveLectura · 0 min
Certificado oficial

Tu certificado lo emite la SEP, no solo una plataforma

Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.

Tu certificado con INEC

  • Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
  • Documento oficial con folio verificable en línea
  • Lo otorga la Universidad Tecnológica Fidel Velázquez

Otras plataformas en línea

  • Constancia privada emitida por la misma plataforma
  • Solo acredita horas cursadas o asistencia
  • Sin respaldo de una autoridad educativa
Cómo funciona

Tu itinerario, de la inscripción al certificado

  1. 1

    Inscripción con pago único

    Pagas $2,800 MXN una sola vez y entras de inmediato al curso.

  2. 2

    Estudias a tu ritmo

    29 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.

  3. 3

    Cuestionarios por unidad

    9 cuestionarios para comprobar lo aprendido.

  4. 4

    Certificado

    Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

Lo que obtienes

Un certificado oficial de la SEP

Muestra del certificado: Playwright JS/TS Automation Testing from Scratch & Framework

Muestra · verificable por folio y QR

  • Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
  • Contenido impartido por Rahul Shetty Academy - 1.3 Million Learners.
  • Folio y QR verificables para compartirlo con quien te contrate.
Medios que necesitas
Equipo de cómputo Conexión estable a internet
Pago único

Empieza hoy, a tu ritmo

Un solo pago y acceso inmediato al curso completo durante 12 meses.

  • 29 unidades · 170 lecciones · 60 h
  • 12 meses de acceso
  • 9 cuestionarios de evaluación
  • Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Pago único
$2,800MXN
Acceso por 12 meses
Inscribirme Hablar con un asesor
Preguntas frecuentes

Sobre tu inscripción

¿Cómo es el pago?

Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.

¿Cuánto tiempo tengo acceso?

12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.

¿Quién imparte el contenido?

El curso es impartido por Rahul Shetty Academy - 1.3 Million Learners; INEC gestiona tu inscripción, evaluación y certificado.

¿Qué pasa cuando vence mi acceso?

Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.

Certificado emitido por la SEP a través del Gobierno del Estado de México · Playwright JS/TS Automation Testing from Scratch & Framework

Inscribirme
  INEC es una Marca de SalesPartners Ciudad de México S de RL de CV. Template Design © Learnify LMS. All rights reserved. Terminos y Condiciones Aviso de Privacidad Politica de Devolución
Hide picture