1 · Core
Why Playwright, and what it actually does
~1,2 h

A full working course on Playwright with TypeScript for QA engineers in large professional-services firms (Big 4 and similar). It covers the same ground as a comprehensive "zero to hero" Playwright curriculum: TypeScript essentials for test code, installation and project layout, running and debugging (CLI, UI mode, Inspector, codegen, Trace Viewer), locators and the strictness rule, web-first assertions, auto-waiting and the timeout hierarchy, every common UI component (inputs, checkboxes, radios, dropdowns, tooltips, dialogs, tables, date pickers, sliders, iframes), the Page Object Model and a scalable page architecture, custom fixtures, configuration and projects, environment variables and mobile emulation, authentication reuse through storageState, artifacts and reporters, visual regression testing, API requests, network interception and mocking, parallelism, retries, tags and flakiness control, Docker and CI on GitHub Actions. Every topic is taught the same way: the problem that exists without the feature, the feature that solves it, and the price you pay for using it. The course is written for people who will maintain a suite on a client engagement for years, not for people writing a demo test once — so review criteria, evidence for audit, secret handling and cost of maintenance are part of the material, not an appendix. By the end you should be able to build and maintain a Playwright suite unaided, and to pass an external certification-style exam on the same syllabus.
Tu lección es en tu idioma: la dirige tu asistente.
Tu asistente toma el material del curso de nuestro servidor y dirige la lección en tu idioma.
El examen se hace en el sitio, sin asistente. Las preguntas del examen no se traducen: así se ha decidido para todos los cursos.
orden libre · los niveles de abajo son el orden que sugiere el autor, no una condiciónVista: mapa · niveles
1 · Core
Why Playwright, and what it actually does
~1,2 h
2 · Core
The TypeScript you actually need for test code
~1,7 h
según el diseño del autor, después de «Why Playwright, and what it actually does»
3 · Core
Installing Playwright and laying out the project
~1,2 h
según el diseño del autor, después de «Why Playwright, and what it actually does»
4 · Core
Running and debugging: CLI, UI mode, Inspector, codegen, Trace Viewer
~1,8 h
según el diseño del autor, después de «Installing Playwright and laying out the project»
5 · Core
The anatomy of a test: describe, hooks, steps, annotations
~1,2 h
según el diseño del autor, después de «Running and debugging: CLI, UI mode, Inspector, codegen, Trace Viewer»
6 · Core
Locator syntax: CSS, text, XPath and chaining
~1,2 h
según el diseño del autor, después de «The anatomy of a test: describe, hooks, steps, annotations»
7 · Core
User-facing locators and the strictness rule
~1,7 h
según el diseño del autor, después de «Locator syntax: CSS, text, XPath and chaining»
8 · Core
Filtering, relationships and lists of elements
~1,2 h
según el diseño del autor, después de «User-facing locators and the strictness rule»
9 · Core
Assertions and extracting values
~1,7 h
según el diseño del autor, después de «User-facing locators and the strictness rule»
10 · Core
Auto-waiting and the timeout hierarchy
~1,8 h
según el diseño del autor, después de «Assertions and extracting values»
11 · UI components
Text inputs, keyboard and mouse
~1,2 h
según el diseño del autor, después de cualquiera de estas: «Filtering, relationships and lists of elements», «Assertions and extracting values»
12 · UI components
Checkboxes, radios, dropdowns and tooltips
~1,7 h
según el diseño del autor, después de «Text inputs, keyboard and mouse»
13 · UI components
Dialogs, alerts and web tables
~1,7 h
según el diseño del autor, después de «Text inputs, keyboard and mouse»
14 · UI components
Date pickers, sliders and iframes
~1,8 h
según el diseño del autor, después de «Text inputs, keyboard and mouse»
15 · Architecture
Page Object Model: the first objects
~1,7 h
según el diseño del autor, después de «Auto-waiting and the timeout hierarchy»
16 · Architecture
Page architecture: base helpers and a page manager
~1,7 h
según el diseño del autor, después de «Page Object Model: the first objects»
17 · Architecture
Fixtures: built-in, custom, and worker-scoped
~1,8 h
según el diseño del autor, después de «Page architecture: base helpers and a page manager»
18 · Architecture
Configuration, projects, environments and mobile emulation
~1,7 h
según el diseño del autor, después de «Fixtures: built-in, custom, and worker-scoped»
19 · Architecture
Authentication once: setup projects, storageState and API login
~1,7 h
según el diseño del autor, después de «Configuration, projects, environments and mobile emulation»
20 · Evidence
Evidence: screenshots, video, traces and reporters
~1,3 h
según el diseño del autor, después de «Auto-waiting and the timeout hierarchy»
21 · Evidence
~1,3 h
según el diseño del autor, después de «Evidence: screenshots, video, traces and reporters»
22 · API
~1,7 h
según el diseño del autor, después de «Auto-waiting and the timeout hierarchy»
23 · API
Network interception and mocking
~1,8 h
según el diseño del autor, después de «API requests with Playwright»
24 · Scale
Parallelism, retries, tags and flakiness
~1,8 h
según el diseño del autor, después de «Configuration, projects, environments and mobile emulation»
25 · Scale
Docker and continuous integration
~1,7 h
según el diseño del autor, después de 2 de estas: «Authentication once: setup projects, storageState and API login», «Evidence: screenshots, video, traces and reporters», «Parallelism, retries, tags and flakiness»
26 · Review
Confusion pairs and exam readiness
~1,7 h
según el diseño del autor, después de 3 de estas: «Date pickers, sliders and iframes», «Authentication once: setup projects, storageState and API login», «Visual regression testing», «Network interception and mocking», «Docker and continuous integration»
27 · Review
Delivery practice: strategy, review and evidence on an engagement
~1,7 h
según el diseño del autor, después de «Docker and continuous integration»
final · en el navegador, sin el asistente
Examen
cerrada · inscríbete en el curso
| 1 | Why Playwright, and what it actually does Explain the two failure modes of legacy UI automation — timing flakiness and driver overhead — and how Playwright's architecture removes each | ~1,2 h |
| 2 | The TypeScript you actually need for test code Read and write the JavaScript constructs that appear in every Playwright test: const/let, arrow functions, template literals, destructuring, objects and arrays | ~1,7 h |
| 3 | Installing Playwright and laying out the project Install Playwright into a new repository and into an existing front-end repository without breaking either | ~1,2 h |
| 4 | Running and debugging: CLI, UI mode, Inspector, codegen, Trace Viewer Run the suite, a folder, a file, a single test, a project, the last failures and only the tests affected by a change from the command line | ~1,8 h |
| 5 | The anatomy of a test: describe, hooks, steps, annotations Structure a spec file with describe blocks and the four hooks, and say when each hook runs relative to workers | ~1,2 h |
| 6 | Locator syntax: CSS, text, XPath and chaining Read the DOM vocabulary a locator depends on: tag, attribute, class, id, text node, parent and child | ~1,2 h |
| 7 | User-facing locators and the strictness rule Apply the locator priority order: role, label, placeholder, text, alt, title, test id, CSS or XPath last | ~1,7 h |
| 8 | Filtering, relationships and lists of elements Use filter() with hasText, hasNotText, has, hasNot and visible to narrow a set by content, by a descendant or by visibility | ~1,2 h |