1. Functionize
  2. User Guide
  3. Test Editing & Debugging
  4. Editing Test Cases

Editing Verification Actions

Follow

Editing Verification Actions Overview

Verification Actions can be added to your test during test creation with Architect, while reviewing test execution results in Slider View, during a Live Debug run, or in a Local Edit session. When it comes to editing Verification Actions, the Action Settings found on the Test Detail page and Slider View offer you nearly all the options found in Architect, without using Live Debug or Local Edit.

Note: The screenshots in this article are pulled from the Action Settings when accessed via the Test Detail page. The options are the same when accessing Action Settings via Slider View. 

For more information, see the following user guides:

Attribute Validation

Attribute Validation allows a user to verify specific attributes of an element. The most commonly used attributes are Text, Value, and SRC, though all attributes of an element are accessible. Combined with Operators like Contains, Greater Than, and Equals Step Value, specific verifications can be added easily with no code required.

Best Practice: Verify only a single, lowest-level element at a time, not a DIV element that contains multiple elements. This will limit the self-healing properties of the test and make it easier to diagnose.

For more information, see the user guide: Best Practices Using Verifications.

DOM Attributes

  1. Open the Verify Action Settings.
    EditVerify1.png
  2. Select DOM Attribute: Choose the desired DOM Attribute from the drop-down list.
    EditVerify2.png
  3. Select Operator: Choose the desired Operator from the drop-down list.
  4. Enter Value: Input the value to be verified.
    EditVerify4.png
  5. Combine Validations: Click the Multiple button to combine multiple validations using AND and OR operators.
    EditVerify4.png
    • OR Operator: The test will check for the first true condition. Once verified, no further checks will be performed, and the test will move on to the next step.
    • AND Operator: All existing conditions will be checked and must be met for the action to pass.
  6. Add Validations: Click the plus (+) icon to add additional DOM Attribute validations.
    EditVerify5.png
  7. Delete Validations: Click the trash can icon to delete DOM Attribute validations.
    EditVerify6.png

CSS Attributes

  1. Open the Verify Action Settings.
    EditCSS1.png
  2. Type CSS Attribute: Input the desired CSS Attribute in the text box.
    • Note: CSS Attributes must be input manually when editing via Action Settings. There is a CSS attribute selection drop-down exclusively available in Architect while recording the test.
      EditCSS2.png
  3. Select Operator: Choose the desired Operator from the drop-down.
    EditCSS3.png
  4. Enter Value: Input the value to be verified.
    EditCSS4.png
  5. Combine Validations: Click the Multiple button to combine multiple validations using AND and OR operators.
    EditCSS5.png
    • OR Operator: The test will check for the first true condition. Once verified, no further checks will be performed, and the test will move on to the next step.
    • AND Operator: All existing conditions will be checked and must be met for the action to pass.
  6. Add Validations: Click the plus (+) icon to add additional CSS Attribute validations.
    EditCSS6.png
  7. Delete Validations: Click the trash can icon to delete validations.
    EditCSS7.png

Visual Verification

Visual check refers to the process of visually verifying the appearance and layout of an object/element. It involves comparing the Baseline image of the object/element and the image from the current test execution.

Steps for Visual Verification

  1. Open the Verify with Visual Check Action Settings.
    ImageVerify2.png
  2. Select Visual Check Type: Choose Baseline Comparison or Previous Action from the Visual Check Type drop-down list.
    ImageVerify3.png
  3. Enter/Edit Match Requirement: Input or edit the Visual Match Requirement (%) and then click Save.
    ImageVerify4.png
  4. View Results: The Verify with Visual Check Action displays a Visual Check flag in the action's footer. Hover over the Visual Check flag to view the Baseline and Current result images.
    ImageVerify6.png

Visual Check Options

  • Edit Match Requirement: Modify the match requirement percentage.
  • View Baseline: See the baseline for the current browser results.
  • Update Baseline: Update the baseline image to the current image.
    ImageVerify5.png

Validation Failure

Execution Error Details

  • Test Detail Page: Execution Error details will display at the top of the expanded action.
    EditVerify11.png
  • Slider View: Execution Error details will be displayed in the action sidebar panel.
    EditCSS9.png

Advanced Tab

The Advanced tab of the Action Settings detail for Verify Actions contains additional options compared to other action types, including:
EditVerify10.png

  • Action Retries: Number of retries for the action.
  • Retry Count: Number of retry attempts.
  • Pre- and Post-Scripts: Add custom scripts to run before or after the action.
  • Other Options:
    • Clear Cookies
    • Skip Screenshot
    • Skip Scroll
    • Disable Self-Heal Validation
    • Enable Force React
    • Override Default Self-Heal
  • Additionally, this tab offers the Selector Type tile for overrides.

For more information, see the user guide: Customizing Tests with Selectors.

By following these steps, users can effectively manage and edit Verification Actions within Functionize, ensuring comprehensive and accurate test coverage.

Related articles