Simple verifications of data can be easily completed by left-clicking the Flag icon in Archirect 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.
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.
It is possible to save multiple validations on a single verify step with the Multiple option using "OR" and "AND". See below screenshot:
Noting:
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.
Use the Custom tab to manipulate selected elements.
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. Click HERE for more information on how to create Computer Vision Validations in Architect.
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. To do so, select the Advanced mode toggle (but not the Flag) and click on the element to interact.
Advanced Selector
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.
Custom JS: custom JavaScript can be used to facilitate very specific verifications, including verifications that contain logic like addition and subtraction.
Outcome: the expected step outcome can be overridden using jQuery or JavaScript.