diff --git a/docs/src/debug.md b/docs/src/debug.md index 5a7a968234..4623cfcf3f 100644 --- a/docs/src/debug.md +++ b/docs/src/debug.md @@ -13,7 +13,7 @@ for browser automation. [Playwright Inspector](./inspector.md) is a GUI tool that helps authoring and debugging Playwright scripts. That's our default recommended tool for scripts troubleshooting. -Playwright Inspector +Playwright Inspector ## Run in headful mode diff --git a/docs/src/inspector.md b/docs/src/inspector.md index cfa8f845a1..8fccc99bb0 100644 --- a/docs/src/inspector.md +++ b/docs/src/inspector.md @@ -5,7 +5,7 @@ title: "Inspector" Playwright Inspector is a GUI tool that helps authoring and debugging Playwright scripts. -Playwright Inspector +Playwright Inspector @@ -68,24 +68,24 @@ configures Playwright for debugging and opens the inspector. When `PWDEBUG` is set, Playwright Inspector window will be opened and the script will be paused on the first Playwright statement: -Paused on line +Paused on line Now we know what action is about to be performed and we can look into the details on that action. For example, when stopped on an input action such as `click`, the exact point Playwright is about to click is highlighted with the large red dot on the inspected page: -Red dot on inspected page +Red dot on inspected page By the time Playwright has paused on that click action, it has already performed actionability checks that can be found in the log: -Action log +Action log If actionability can't be reached, it'll show action as pending: -Screen Shot 2021-02-20 at 7 36 06 PM +Screen Shot 2021-02-20 at 7 36 06 PM You can step over each action using the "Step over" action or resume script without further pauses: -
Stepping toolbar
+
Stepping toolbar
## Debugging Selectors @@ -94,13 +94,13 @@ You can step over each action using the "Step over" action or resume script with automatically generate selectors for those elements. - To verify where selector points, paste it into the inspector input field: -Screen Shot 2021-02-20 at 7 27 20 PM +Screen Shot 2021-02-20 at 7 27 20 PM ## Recording scripts At any moment, clicking Record action enables recorder (codegen) mode. Every action on the target page is turned into the generated script: -Screen Shot 2021-02-20 at 7 40 02 PM +Screen Shot 2021-02-20 at 7 40 02 PM You can copy entire generated script or clear it using toolbar actions.