Automation V3: CBMT User Interface
While using Component Based Model for Testing (CBMT), you can notice some subtle differences in the standard Test Builder user interface. For example, when authoring a Test case with Test Builder, a Web Component mapping will automatically detect Lightning Web Components (LWC ) or Screen Flow components that have matched the mapping criteria when selecting Add to Test Case for an element on the page.
You’ll be able to identify if CBMT is being used to map a component by taking a look at the Field Details section. The Component Type as Web Component and the type of component (Lightning, Screen Flow or Vlocity) that maps to the element selected on the web page.
Page Structure
The Page Structure section displays the component hierarchy used to locate an element on a web page.
On selecting each level in the hierarchy, the name and type of the component are displayed and highlighted in blue on the web page.
The hierarchical page structure for LWC mappings, enables Provar to automatically switch tabs or open closed accordions during test execution. Earlier, these interactions required users to manually insert multiple test steps.
With the new hierarchy support for Flexi mappings, these actions are now seamlessly handled for LWC mappings in a single step and the benefits are listed below:
- Automates tab switching and accordion expansion in one streamlined action
- Eliminates the need for multiple manual steps to switch tabs or open accordions
Field Details
The field details section displays the information about the element selected:
- Component Name/ Element Name: The name given to map the element; this will be pre-populated if the field can be identified using an appropriate label.
- Qualifiers: The element attributes or properties that can be used to locate the element.
- Component Type/ Element Type: The type of component that maps to the element selected on the web page.
You can see field details for Web Component and Web Element in the screenshots given below.
Interaction Type
The Interaction Type section displays the interactions available for the type of element selected. The list of available interactions will only display interactions available for the current state of the selected element.
Some components may have a specific interaction and user interface to provide a similar user experience for the selected element. For example, the Lightning Slider is displayed with a slider.
