From 40f890014e6a8a45d9f4963a775268784a36231a Mon Sep 17 00:00:00 2001 From: Debbie O'Brien Date: Sat, 30 Jul 2022 02:25:06 +0200 Subject: [PATCH] docs: new screenshots getting started (#16064) --- docs/src/codegen.md | 10 +++++----- docs/src/intro-js.md | 2 +- docs/src/running-tests-js.md | 10 +++++++--- 3 files changed, 13 insertions(+), 9 deletions(-) diff --git a/docs/src/codegen.md b/docs/src/codegen.md index 9630907811..a517c2f732 100644 --- a/docs/src/codegen.md +++ b/docs/src/codegen.md @@ -6,24 +6,24 @@ title: "Test Generator" Playwright comes with the ability to generate tests out of the box and is a great way to quickly get started with testing. It will open two windows, a browser window where you interact with the website you wish to test and the Playwright Inspector window where you can record your tests, copy the tests, clear your tests as well as change the language of your tests. ```bash js -npx playwright codegen wikipedia.org +npx playwright codegen playwright.dev ``` ```bash java -mvn exec:java -e -Dexec.mainClass=com.microsoft.playwright.CLI -Dexec.args="codegen wikipedia.org" +mvn exec:java -e -Dexec.mainClass=com.microsoft.playwright.CLI -Dexec.args="codegen playwright.dev" ``` ```bash python -playwright codegen wikipedia.org +playwright codegen playwright.dev ``` ```bash csharp -pwsh bin\Debug\netX\playwright.ps1 codegen wikipedia.org +pwsh bin\Debug\netX\playwright.ps1 codegen playwright.dev ``` Run `codegen` and perform actions in the browser. Playwright will generate the code for the user interactions. `codegen` will attempt to generate resilient text-based selectors. -image +Screenshot 2022-07-30 at 00 19 06 ## Preserve authenticated state diff --git a/docs/src/intro-js.md b/docs/src/intro-js.md index 0dda51efda..ba2bb04b44 100644 --- a/docs/src/intro-js.md +++ b/docs/src/intro-js.md @@ -76,7 +76,7 @@ Once your test has finished running a [HTML Reporter](./html-reporter.md) will h npx playwright show-report ``` -image +image ## What's next diff --git a/docs/src/running-tests-js.md b/docs/src/running-tests-js.md index 92df03ae3e..4133123ad0 100644 --- a/docs/src/running-tests-js.md +++ b/docs/src/running-tests-js.md @@ -76,21 +76,25 @@ Since Playwright runs in Node.js, you can debug it with your debugger of choice npx playwright test example.spec.ts:42 --debug ``` +Screenshot 2022-07-29 at 23 50 13 -Playwright Inspector Check out our [debugging guide](./debug.md) to learn more about the [Playwright Inspector](./debug.md#playwright-inspector) as well as debugging with [Browser Developer tools](./debug.md#browser-developer-tools). ## Test Reports -The [HTML Reporter](./html-reporter.md) shows you a full report of your tests allowing you to filter the report by browsers, passed tests, failed tests, skipped tests and flaky tests. You can click on each test and explore the tests errors as well as each step of the test. By default, the HTML report is opened automatically if some of the tests failed. +The [HTML Reporter](./html-reporter.md) shows you a full report of your tests allowing you to filter the report by browsers, passed tests, failed tests, skipped tests and flaky tests. By default, the HTML report is opened automatically if some of the tests failed. ```bash npx playwright show-report ``` -image +image + +You can click on each test and explore the tests errors as well as each step of the test. + +image ## What's Next