How to fix test steps with Octomind’s visual editor
Get started
section of the Documentation.
This is where we’ll be diving deeper into Octomind’s debug tools, starting with the visual editor panel.
locator
- Playwright’s API for locating elements.
Locator of a test step displayed in a snapshot, 12/2024
Interactions
simulate user actions by sending events to the browser, while assertions
inspect the state of the page.
The current locator for the step is highlighted in green with the visual locator picker hovering next to it.
The change locator
button is used to set the element the interaction of the assertion is performed on. What’s cool is that the web page preview is not a static screenshot, but a fully scrollable version of the page, making it easy to select a new locator.
Changing locators with the visual locator picker, 7/2024
locator editor
. Should you want to customize the locator, the editor puts Playwright’s full locator API at your disposal, with code-completion, syntax checking, and validation to check your locator code returns an element.
Locator editor with the Playwright locator API, 12/2024
Timeout caused by a locator error, 12/2024
Failed assertion in a test step, 12/2024
visual locator picker
. But if you want to go deeper, Octomind has you covered.
steps
tab in the manual edit mode. To start recording, click the record from here
button and the Recorder opens.
Using recorder to edit a test case manually, 05/2025
debug
tab.
Playwright test code in the 'debug' tab, 12/2024
run locally
button to generate the Debugtopus CLI command for debugging the test on your local machine.
Run test code locally, 12/2024