Recording Toolbar

The recording toolbar gets attached to the selected browser for recording once it launches the provided valid URL. By default the toolbar is docked to the browser instance.

After entering a URL and pressing Enter/Start Recording button the recording toolbar is attached at the bottom of the browser:

Attached Recorder

It provides different functionalities to ease the recording process.

DOM Explorer Options

Below are listed its features related to the DOM explorer and how you could use these during recording:

Enable/Disable Hover Over Highlighting
Enable/Disable Hover Over Highlighting (Use "Pause/Break" on your keyboard to toggle the highlighting on/off)
Pause Recording Pause Recording (Use "Print Screen" on your keyboard to pause recording)
Start Recording Start Recording (Use "Print Screen" on your keyboard to resume recording)
Reconnect Recorder Reconnect Recorder - restores communication between Test Studio and the recording browser window or WPF app, if necessary
Navigation panel Navigation panel - during the recording session type URL to navigate to or refresh the browser
Dock/Undock / Dock/Undock Undock/Dock - undock or dock back the recorder
Add to elements repository Add To Elements Repository - add a single or multiple elements to the Elements Explorer)
Elements tree/tag view Elements Tree/Tag View - whether to display the elements as tree view or tag view

Step Builder Options

On the right side of the recording toolbar you can find the Actions and Verifications steps from the Step Builder. Adding steps during recording is necessary in some special occasions - if you need a drag&drop step or an advanced verification.

Other possible scnearios when is recommended to use the Step Builder from the Recorder Toolbar are usually related to specific applications and how these are built. If Record&Playback doesn't work out of the box usually the structure of application does not allow recognition of separate elements identified by unique attributes. Then the only option left is to manually select the correct element in DOM explorer and add the necessary steps.

See Also:

In this article
Not finding the help you need? Improve this article