Search

Understanding Slider View

  • Updated

The Slider View is a detailed, interactive look at test execution results for each browser, with step-by-step screenshots, before and after comparison views, and network and cookie details to help with troubleshooting!

See the results to easily and visually understand what’s passed and failed, as well as the details of what changed. High-definition screenshots are captured before, during, and after each action. Compare the results of your test's most recent execution with when it was created, or its previous successful execution.

Accessing the Slider View

  1. Open any Browser Results tab on the Test Details page with a completed execution
  2. Click the View Results button or click the View button to the right of any action

Tour of the Slider View

  1. Test Name | Browser tabs
    • Switch to the execution results for different available Browsers
  2. Screenshot Comparison
    • View the selected action as it appeared during this execution (Cur), the previous successful run (Prev), or when the action was recorded in Architect (Arc)
    • See the current screenshot side-by-side with either the previous successful run or with Architect recording
  3. Screenshot Interval | Expand
    • Select from three screenshots taken Pre Action, Mid Action, and Post Action
    • Expand to see the full-screen capture of the action
  4. Actions
    • Quick select , Quick Add, Local Edit , Live Debug  Action are available at the top
  5. URL
    • Copy the URL recorded for each action
  6. Exit Slider View
    • Return to the Test Details page
  7. Screenshot display
    • View each action to find why an Action may have failed and where your test can be improved
    • Drag the Slider bar to compare differences with the side-by-side screenshot comparison
  8. Test Actions panel
    • Select an action in the test steps to see the associated screenshots and data captured during the recording and execution results
    • Expand the action to see the setting flags dependent on the action
    • The Step Action  menu, Train the AI, Fail Step or Delete the action
    • Click the gear  icon to open the Action Settings
  9. Footer:
    • View and Copy Attribute data for the action as recorded in the Current execution, the Previous Successful Run, and as it was recorded in Architect, Modeled
    • Network Logs will display when availableNote: For Network Logs select the checkbox Capture Network Logs from Advance section of Setting at Test or Project level.
    • Console Logs will display when availableNote: For Console Logs select the checkbox Capture Console Logs from Advance section of Setting at Test or Project level.
    • Expand  the Footer panel to your preference
  10. Previous and Next Action
    • Use the Left and Right Arrow buttons to step through the test screenshots, one step at a time

 Inserting an Action

  1. Open the Slider View for a test in your project
  2. Click the Quick Add button at the step where you would like to insert the action.
  3. Click the Quick Add Button to view the Insert menu, select the action to insert into the test
    • Note: All actions are available, both element-based actions and non-element-based.
  4. Element-based actions will prompt the user to select the element in the screenshot for the action
  5. Enter settings in the modal according to the action selected
  6. Click Insert
  7. The new action is now inserted in place in the test
    • Note: There will not be a screenshot available for the action until the next test execution. The attribute data in the Footer will also be unavailable until a successful test execution.

Each Action has certain settings, flags, and information associated with it.

Adding a New Action via Slider View

  1. Open the Slider View: Open the Slider View for a test in any project.
  2. Click the Quick Add button at the step where you would like to insert the action.

    1. Click the Quick Add button to open the Insert action pop-up

      Note: All actions are available, both element-based actions and non-element-based.

  3. Select the Element (If Applicable): Element-based actions will prompt the user to select the element in the screenshot from the action prior to where the action is to be inserted.
  4. Enter Details: Enter details in the modal fields that appear, according to the action selected.

  5. Click Insert: Click Insert. The new action is now added to the test.

    Note: There will not be a screenshot available for the new action until the test is executed with the new step(s). The attribute data in the Footer will also be unavailable until a successful execution.

Adding Instructions via Slider View

  1. Open Slider View:
    • Open the Slider View for a test via the View Results button or the View button on any specific action.
  2. Click Quick Add:
    • Click the Quick Add button at the step where you would like to insert the action
  3. Click Quick Add for Insert Menu:
    • Click the Quick Add Button to view the Insert menu and select "New Instruction."
  4. Name the Instruction:
    • Give the Instruction a meaningful name and click Save.
  5. Instruction Added:
    • The Instruction has now been added, and the numbering of your actions will update automatically.

Deleting a Single Action via Slider View

  1. Open a Test:
    • Open the test you want to modify.
  2. Open Slider View:
    • Access Slider View via the View Results button or the View button next to any action.
  3. Select an Action:
    • Select the action you want to delete.
  4. Open the Actions Menu:
    • Click the  icon to open the action’s Menu on an action in the left side panel or Click the gear icon to open the action’s Settings
  5. Click the Delete Button:
    • Click on the Delete button.
  6. Confirm the Deletion:
    • Confirm the deletion in the pop-up window.