Simple verifications of data can be easily completed by left-clicking the Flag icon in Architect and then left-clicking on the element to verify. Verifying large elements that contain multiple elements should be avoided. Each verification should be a specific element.
Advanced Attribute Validation
Advanced verifications are used for verifying dynamic data and are leveraged in combination with Operators.
- To place an advanced verification on an element click the Flag icon, then toggle the Advanced button to turn on Advanced mode. Both icons should now be blue as shown in the picture below.
- Click on the element to perform an advanced verification. A new screen will open that shows the Attribute (ADV) Validation.
- The Attribute Validation tab allows a user to verify specific attributes of an element, most commonly used is text, value, and SRC, though all attributes are accessible. Combined with Operators like 'contains', 'greater than' and 'equals step value', specific verifications can be added easily with no code required.
- Verify only a single element at a time, not a div that contains multiple elements as this will limit the self healing properties of the test and make it harder to diagnose. See also Best Practices Using Verifications.
Multiple Validations on a Single Verification
It is possible to save multiple validations on a single verify step with the Multiple option using "OR" and "AND" operators.
- If OR is used: Architect will check for the first true condition. Once verified, no further check will be performed and will immediately move on the next step.
- If AND is used: All existing conditions will be checked.
Custom Attribute Validation
Use the Custom tab to manipulate selected elements.
Visual Check Validation
The Visual Check button allows elements to be validated visually. This is limited to specific elements/images and not sections of pages that are comprised of multiple elements.
If the element to be verified cannot be directly selected, verify an element close to it using the advanced mode and select the Element tab. The Element tab can also be used without verification.
- Select the Advanced mode toggle only.
- Click on the element to perform an advanced verification. A new screen will open that shows the Element tab to specify verification criteria.
- Another way to place an advanced verification on an element click the Hover icon, then toggle the Advanced button to turn on Advanced mode. Both icons should now be blue as shown in the picture below.
- Click on the element to perform an advanced verification. A new screen will open that shows the Attribute (ADV) Selector.
- DOM: using the plus icon, the DOM can be walked to select any element regardless of size or other overlapping elements.
- CSS Validation: using the plus icon, the CSS can be walked to select any element regardless of size or other overlapping elements.