Getting Started
Your First Test
Create a test and add your first steps in the editor.
This page walks through creating a test and adding steps. For the full reference on step types, conditions, parameters, and advanced patterns, see Test Creation Reference and the Test Editor.
Create a Test
- In the sidebar, click Tests.
- Click Create Test in the empty-state prompt, or click New Test in the top-right navbar (keyboard shortcut:
/). - Fill in the form:
| Field | Required | Notes |
|---|---|---|
| Test Name | yes | |
| Description | no | |
| Test Type | yes | Visual (step-based) or Script (Playwright spec file) |
| Status | yes | Draft or Active; defaults to Draft |
- Click Create Test. The test appears in the Tests list.
Add Steps in the Editor
Open the test by clicking its row in the Tests list.
- In the Steps tab, click the + icon in the step list toolbar, or click Add New Step when the list is empty.
- In the right sidebar, select an action type.
- Fill in the action's fields (URL, selector, value, and so on).
- Click Add Step to append it to the list.
To edit a step, click it in the list. When you are done, click Save Changes.
For the full list of built-in actions—navigate, click, fill, assertVisible, and more—see Built-in Steps.
Example: Login Test
| Step | Action | What to fill in |
|---|---|---|
| 1 | navigate | URL: your login page |
| 2 | fill | Selector: username field; Value: test username |
| 3 | fill | Selector: password field; Value: test password |
| 4 | click | Selector: login button |
| 5 | assertVisible | Selector: an element visible only after login |