Skip to main content

Login Flows

If you want to monitor a web app it's probably only accessible after logging in. Login steps allow you to sign into a user account before the page is loaded for analysis.

Login flows are a type of setup flow.

Set up a login flow​

When creating or editing a page, click "Show Advanced" and then select "Login and Search Flows".

Edit monitored page form, login steps are expanded

First click "Add Flow Step" and then "Create Login Flow".

Usually you'll only need to fill out three fields:

  • URL of the login page
  • Email address or username
  • Password

The CSS selector for the email field, password field, and form submit button will be pre-populated. Make sure that these selectors work for your site.

By default DebugBear assumes that the login is complete when the password field is no longer visible. A more reliable condition for your site might be something like location.pathname.includes("/account").

Login step form

Testing the login flow​

After creating your login flow click "Test user flow" to make sure it works:

  • there should be no errors, e.g. because an element wasn't found in the DOM
  • the screenshot should not show a message like "invalid password"

The final screenshot from the user flow test should indicate a successful login, i.e. no "selector not found" errors or an invalid login message on your site.

Result of testing the login step

Last updated on