Viewing Playwright traces

preview_player
Показать описание
The Playwright Trace Viewer is a GUI tool that lets you explore recorded Playwright traces of your tests meaning you can go back and forward through each action of your test and visually see what was happening, view the console or network, as well as inspect the DOM snapshots.

00:00 Configure trace for CI
00:45 Running the trace locally
01:55 Viewing the trace
03:25 Inspecting the DOM snapshot
04:55 Fixing and rerunning the test

Docs:
  1. Playwright
  2. e2e
  3. playwright
  4. testing
  5. trace viewer
Рекомендации по теме
Viewing Playwright traces 0:05:32

Viewing Playwright traces

Playwright Beginner Tutorial 0:38:50

Playwright Beginner Tutorial 6 | How to use Trace Viewer

Viewing Playwright Traces 0:01:44

Viewing Playwright Traces from GitHub Actions Artifacts

Playwright with Javascript 0:15:32

Playwright with Javascript | Trace Viewer | Part 31

Playwright Trace Viewer 0:10:31

Playwright Trace Viewer | Playwright Tutorial - part 33

Exploring Playwright's Trace 0:05:02

Exploring Playwright's Trace Viewer for debugging locally and on CI

[2024] Part 27: 0:07:17

[2024] Part 27: How to View Trace Viewer in Playwright | JavaScript & TypeScript

Playwright with Typescript 0:12:06

Playwright with Typescript Part -5 (Trace Viewer in HTML Reports)

Playwright Trace Viewer 0:01:20

Playwright Trace Viewer

#2 Playwright with 0:09:22

#2 Playwright with Python | Trace Viewer

How to debug 0:02:29

How to debug failed scripts with Playwright's Trace Viewer

Playwright Trace Viewer 0:08:01

Playwright Trace Viewer (#219)

Super Charge Debugging 0:04:10

Super Charge Debugging - Playwright Trace Viewer

#5 Trace Viewer 0:20:16

#5 Trace Viewer | Playwright with Typescript

#7 - Playwright 0:16:19

#7 - Playwright TraceViewer -Capture Page Actions, Screenshots, Network Calls | Playwright with Java

#24 Playwright with 0:15:22

#24 Playwright with Python | PyTest with Playwright Part14| Tracing for debugging| --tracing

Trace Viewer | 0:19:38

Trace Viewer | Playwright (Java) - Part 10

Playwright Traceviewer Made 0:18:10

Playwright Traceviewer Made Easy!

Playwright Automation - 0:20:32

Playwright Automation - Lesson 05 | TraceViewer - Capture Page Actions, Screenshots, logs & Netw...

Playwright with Java 0:10:03

Playwright with Java - Trace Viewer

Fixing a test 0:00:57

Fixing a test with Playwright Trace

Playwright Tutorial | 0:47:11

Playwright Tutorial | Trace Viewer in Playwright

Trace viewer & 0:15:20

Trace viewer & multiple tags | Playwright & Cucumber - Typescript | Part 13

Part 6 | 0:15:01

Part 6 | Playwright UI mode and Trace Viewer | Debug your failing tests | Playwright Trace Viewer |

Комментарии
Автор

I came here doubting and I left convinced. Very good video showing the testers' typical practical challenge, and solving it! So glad that we as an industry can grow beyond "to-do list app happy path" :)

cbrunnkvist
Автор

Thanks for the video.

Some notes: Your face corner (down right) is overlapping sometimes with the text or part of the browser when You are explaining that.

sobullubos
Автор

This feature is REALLY helpful, thanks a lot!

FlashTracer
Автор

Wow! Thank you ^^ Stay safe stay healthy, fellas.

AiNendenTriana
Автор

Cool! But one complaint…
Your picture wraps the area that you describe about…😢

alexanderkomanov
Автор

How to share the trace with the team ?

wadelkane
Автор

in which playwright version have you tried this? this doesn't work on 1.27 version

davidvardanyan
Автор

Is it legal for us testers to have this much power?! 😅😂

isaacyauk