Compact Recording Toolbar

The Compact Recording Toolbar is designed to maximize functionality and minimize the space on your screen. You can position it freely anywhere in the browser or WPF application, so it does not cover any elements from the application under test. In the following article you will learn more about all features of the Compact Recording Toolbar.

Hover Over Highlighting

Enable/Disable Hover Over Highlighting from the Compact Recording Toolbar. When the mouse pauses over a highlighted element in the recording surface, you will see the elements menu with multiple options. This rich menu makes it easy to work with the recording surface and its elements. It provides quick access to relevant functions right in the page or application you are testing.

Tip

Use the Pause/Break key on your keyboard to toggle the Hover Over Highlighting.

• Quick Steps - presents a context sensitive list of tasks that can be performed against the highlighted element, such as build a verification, create a wait step, etc.

• Add to Elements - adds the highlighted element to the Elements Explorer.

• Locate in DOM - opens the DOM Explorer in the Advanced Recording Tools and selects the highlighted element.

• Build Step... - selects the highlighted element from the DOM tree and opens the Element Steps tab in the Advanced Recording Tools. There are additional actions and verifications you can add against the selected element. For example, you can add mouse actions and advanced verification steps for attribute, image or text from image.

Recording Mode

Once the Compact Recording Toolbar is connected to the browser or WPF application, it is in active recording mode and has a red border all around. You can pause the recording, by pressing the Pause button.

When in paused mode, you will see the Record button to activate the recording again.

Tip

Use the Print Screen key on your keyboard to toggle the recording mode.

Advanced Recording Tools

Show or hide the Advanced Recording Tools window - it allows you to explore the DOM tree, create element or common steps and control the browser. Check the section Advanced Recording Tools of the documentation for more details.

Toolbar Orientation

Choose between vertical and horizontal Compact Recording Toolbar and move it around inside or outside the browser or WPF application.