Login and search flows

User flows are run before testing a page. Here's what you can do with them:

• Test a page that requires authentication to view
• Fill out a search form and test the search results page
• Test various pages in a booking flow

User flows set cookies and localStorage data, and you can test the URL that the user sees at the end of the flow. However, no monitoring data is captured during the user flow.

Login flows

Check out the detailed guide on login flows.

Creating flow steps

1. Edit a page or create a new one
2. Click Show advanced
3. Expand Login and Search Flows
4. Click Add flow step
5. Either select the login form template (fill out email, password, click submit), or start from scratch
6. Set up the login flow and click Create

Flow step actions

To add a new action to the flow click Add an action and select an action type.

Go to URL

Navigate to a page, e.g. a login form.

Enter text

Fill out a form field on the page. You'll need to know the CSS selector of the field to do this.

(DebugBear will automatically wait for the form field to be rendered before trying to fill it out.)

Click element

Click a link or button, for example to submit a form field.

(DebugBear will automatically wait for the form field before trying to click on it.)

Run code

Inject JavaScript code into the page, for example to select a value in a custom dropdown.

Wait for

Wait for a JavaScript condition to become true. For example, you can wait for a redirect with code like this:

location.pathname.includes("/nextPage");

Combining flow steps

You can set up multiple flow steps for a page, and they will be run in order.

Test final page

Override the test URL of the page with the URL at the end of the user flow.

Usually you won't need this for a login flow, but you'll need it for a search flow that redirects to a temporary URL.

Test user flow

Before creating your page, make sure that your user flow works.