Create or modify a User Journey action

Each step is composed of a series of actions carried out sequentially. The first action created in a step is the main action: its execution triggers the capture of the video and the listening of the network traffic. It will only end when an interruption in network traffic is detected.

Action creation

During the creation or modification of an action, a form is proposed to you, in which you must enter a name for this action. You must then choose the type of actions. There are 2 types: interactions, that allow you to reproduce the actions of a visitor, and control, that allow you to check that the page is in the expected state and to issue, at runtime, warnings if not. Here is the list of available actions:

  • Click on an element [interaction]
  • Fill an input [interaction]
  • Access to a URL directly [interaction]
  • Enter a value on a virtual keyboard [interaction] (experimental feature, contact us if you are looking for this)
  • Set a value in a <select> element [interaction]
  • Check if an element is in the DOM [control]
  • Check the value of an element [control]

The main action of the first step of a scenario is necessarily of the type: "Direct access to a URL" to define the starting point of the scenario.

The other types of actions are all based on the element available on the web page being consulted (e.g. a button you want to click). To identify an element, several selection methods are available:

  • XPATH: selection of elements from an xpath selector.
    Example: //a[text()="A text"].
  • CSS: selection of elements from a CSS selector.
    Example: .container .item.
  • TAG: selection of elements from a tag name.
    Example: h1.
  • ID: selection of elements from a unique identifier.
    Example: main-content.
  • NAME: selection of elements from its name attribute.
    Example: : firstname.
  • CLASS: selection of elements from one of their classes.
    Example: main-nav.

Be sure to use a precise selector, isolating a single element. If your selector matches several items on the page, Dareboost will use the first item it founds. However, this "first" status could evolve with the updates of your site or our Chrome updates. We, therefore, recommend that you avoid relying on this approach as much as possible.

When the type of action demands it, you may have to fill in a Value field containing the value to be entered or checked. If you need to insert a random string, you can use code snippet ${RANDOM_STRING} that will do it for you. Beware: the length of the chain thus inserted may vary.

Then click on "validate" to save your action or "cancel" to return to the previous state of the action being edited.

TIP!
If you have to add an action before or between existing actions, add an action at the end of the step and then use the "Change actions order" feature to reorder your actions as you want, clicking on arrows.

TIP!
Some pages contain iframes. Dareboost is currently not able to select elements from these iframes but this is a point we are working on.

Back to Table of Contents