From b4259d7527877e79f111a1d24dcf265f65afa749 Mon Sep 17 00:00:00 2001 From: Debbie O'Brien Date: Fri, 9 Sep 2022 20:32:40 +0200 Subject: [PATCH] docs: improve screenshots getting started (#17222) --- docs/src/running-tests-js.md | 4 ++-- docs/src/trace-viewer-intro-csharp-java-python.md | 10 +--------- docs/src/trace-viewer-intro-js.md | 14 ++++---------- 3 files changed, 7 insertions(+), 21 deletions(-) diff --git a/docs/src/running-tests-js.md b/docs/src/running-tests-js.md index 6c8c8b17a4..e2bf3f9f9b 100644 --- a/docs/src/running-tests-js.md +++ b/docs/src/running-tests-js.md @@ -96,11 +96,11 @@ The [HTML Reporter](././test-reporters.md#html-reporter) shows you a full report npx playwright show-report ``` -HTML Report > Test Reports view +HTML Report > Test Reports view You can click on each test and explore the tests errors as well as each step of the test. -HTML Reporter > Test Reports detailed view +HTML Reporter > Test Reports detailed view ## What's Next diff --git a/docs/src/trace-viewer-intro-csharp-java-python.md b/docs/src/trace-viewer-intro-csharp-java-python.md index 8fba36f8f9..dc9b22ebb4 100644 --- a/docs/src/trace-viewer-intro-csharp-java-python.md +++ b/docs/src/trace-viewer-intro-csharp-java-python.md @@ -103,18 +103,10 @@ playwright show-trace trace.zip ```bash csharp pwsh bin/Debug/netX/playwright.ps1 show-trace trace.zip ``` - - ## Viewing the trace View traces of your test by clicking through each action or hovering using the timeline and see the state of the page before and after the action. Inspect the log, source and network during each step of the test. The trace viewer creates a DOM snapshot so you can fully interact with it, open devtools etc. - - -image - - +Playwright Trace Viewer To learn more check out our detailed guide on [Trace Viewer](/trace-viewer.md). - - diff --git a/docs/src/trace-viewer-intro-js.md b/docs/src/trace-viewer-intro-js.md index ab7eb64bcb..4a9c546026 100644 --- a/docs/src/trace-viewer-intro-js.md +++ b/docs/src/trace-viewer-intro-js.md @@ -65,11 +65,11 @@ npx playwright show-report In the HTML report click on the trace icon to directly open the trace file. -image +Playwright HTML Report -You can also click on the test file and then click the 'Retry #1' tab which will show you a traces section in your html report. Here you can open the trace by clicking on the screenshot. +You can also click on the test file and scroll down to the `'Traces'` tab and open the trace by clicking on the trace screenshot. -image +Playwright HTML Report To learn more about reporters check out our detailed guide on reporters including the [HTML Reporter](/test-reporters.md#html-reporter). @@ -78,12 +78,6 @@ To learn more about reporters check out our detailed guide on reporters includin View traces of your test by clicking through each action or hovering using the timeline and see the state of the page before and after the action. Inspect the log, source and network during each step of the test. The trace viewer creates a DOM snapshot so you can fully interact with it, open devtools etc. - - -image - - +Playwright Trace Viewer To learn more about traces check out our detailed guide on [Trace Viewer](/trace-viewer.md). - -