Interface Viewer

The Interface Viewer assists in capturing elements of an application interface and generating interface definitions.

Mapping interface elements manually can be time-consuming and prone to error. The Interface Viewer is a support tool used to explore and capture elements of an application interface and generate interface definitions. The Interface Viewer enables you to:

Start the Interface Viewer by pressing F7 or click the Interface Viewer button on the toolbar.

Upon startup, the Interface Viewer:
The Interface Viewer enables you to view an application's controls and properties, map those elements to TA names, which are used in test modules and actions, and save those mappings to interface entities. The Viewer consists of four main panels and a toolbar:


UI explorer panel

The UI explorer panel displays the open windows of the host environment as a collection of trees. It offers a choice of two views, selectable from the View menu:


Class and Hierarchy views of the same mapped window.

Class View
Default view of the UI explorer panel. It presents each window as a tree. Within each tree, GUI controls and elements are grouped into classes as subnodes of the window node.
Hierarchy View
Displays the container relationships between objects (windows, panels, controls, elements, etc.) in tree form.

Unmapped controls are indicated with red double-angle brackets in the node icons. Mapped nodes are indicated with green check marks .

Table 1. UI explorer icons
Icon Meaning View
Mapped window class, hierarchy
Mapped control/container class, hierarchy
Unmapped window class, hierarchy
Unmapped control/container class, hierarchy
Unmapped container (below window level) hierarchy
Class class
Unknown class class, hierarchy

Properties panel

The Interface Viewer's Properties panel displays the properties and property values of the window or control currently selected in the Process Tree. This panel consists of two tabs: TA Properties and Native Properties.  For the purposes of interfacing, most users can rely on the TA properties of a control and ignore the Native properties. Ensure that the property-value pairs displayed in the Properties Panel are taken from an actual UI object in an application, not from any interface entity. 

You can edit the values of properties in the Properties panel it is not possible to change the properties of the actual UI controls.

For each mapped control (the ones with green check marks in the UI explorer panel), the check boxes next to each property determine which of the properties will be used in the corresponding interface element. For example, with the following properties checked for the given mapped control:

   

The generated interface element would be:
                       ta name         ta class     caption     role
interface element      clear-button    button       Clear       push button
The last two arguments of the interface entity are a direct result of the selected TA Properties in the Viewer.

Interface Elements panel

The Interface Elements panel appears on the far right of the Interface Viewer when a mapped window exists in the UI explorer panel. This panel displays the interface elements of the interface entity behind the mapping.

None of the contents of this panel are editable. Clicking a mapped element in the Interface Elements panel highlights the corresponding node in the UI explorer panel.

As with UI explorer, the interface elements that the Viewer successfully maps to the open application window are denoted with green check marks. If the Viewer is unable to find a matching UI control for an interface element, that element is marked with a red crossed-circle .

Properties Comparison panel

The Properties Comparison panel is of special value if and when you find that a defined interface element can no longer identify a control in your test application. This panel displays the differences between the defined property values in the interface element and the actual (just-captured) values of those properties in the corresponding control, allowing you to understand why that interface element is no longer able to identify the control.

The Properties Comparison panel consists of three fields for each row:
  • Property Name: A property defined for the selected (in the Interface Elements panel) interface element.
  • Current Value: The actual (just-captured) value of that property for the control represented by the currently selected node in the UI Explorer panel.
  • Defined Value: The value defined for that property in the selected interface element.