Understanding the Test Details Page

  • Updated

The Test Details page is your base of operations once your test has been created. View results, trigger executions, review the test's execution history, and make adjustments to your test—all from one place!

Tour of the Test Details Page

  1. Test Breadcrumbs - Environment | Project Name | Test Name:
    • Switch to a different testing environment.
    • Return to the Test Listing page in your project by clicking on the project name in the breadcrumb.
    • Hover, then click the pencil icon for inline editing of the test name.
  2. New Test button:
    • Create a new test.
  3. Project Actions menu:
    • Access project settings and other project options.
  4. Tabs: Actions | Browser Results | History
    • Actions tab: A stateless view of your test where actions can be edited and/or added.
    • Browser Results tab: Displays the test actions, including the pass or fail state of every action from the last run, with a separate tab for each enabled browser for the test.
    • History tab: Displays the execution history of the test with options to download the report as a CSV file or view the history in a graph.
  5. Execution | Watch Test Video | Information | TDM Template Download | TDM Mapping | Settings | Import | Down arrow | Up arrow
    • Execution: Select the type of execution  (Live Execution | Live Debug | Run with Variables | Headless Run).
    • Watch Test Video: If the Enable Video (on-demand runs) test setting, under the Advanced tab is turned ON, this button  will appear to watch a video recording of the last test execution.
    • Information: View vital statistics about your test.
    • TDM Template Download:  Download template data source file for all actions or download selected templated data source file for selected actions.
    • TDM Mapping:  Map a data source to the test.
    • Settings:  Access test-specific settings, bulk actions, reports, and more.
    • Import:  Import actions from a Test Case or Page Object present within the project.
    • Down arrow:  Specific button to go at the bottom of the test case.
    • Up arrow:  Specific button to go at the top of the test case.
  6. View Results button | Share button:
    • View Results: See the Slider View details of the last run on the selected browser.
    • Share: Email or copy a link to a read-only version of the most recent results of the test.
  7. Test Plan Generator button:
    • Generates test overview by adding test plan features and user interactions such as generating test plans, collapsing/expanding the test plan, regenerating test steps, downloading CSV, and linking to external test case management tools.
  8. Test Summary:
    • Total number of actions, who created the test.
  9. Last Run details:
    • Date and time of the most recent execution on the selected browser, including the user who executed the test.
    • Load All Actions: When you want to scroll in large tests and see where you are, preventing lazy load, increasing the ability to get to specific steps.
  10. Test Instructions:
    • Group actions according to the sequence performed in your test for documentation and review of test coverage.
  11. Test Action:
    • Expand  any action to see Action Settings with options for editing, deleting, and more.
    • Actions tab: Shows a stateless version for each action with general and advanced settings specific to each action type, as well as options to delete, local edit, and clone.
    • Browser Results tab: Shows the pass/fail state for each action with settings and advanced settings specific to each action type, as well as options to force fail, delete, local edit, clone, and create defects. Note: Create Defect is only available if you have enabled the Jira Defect Integration for your project.
  12. Insert an Action:
    • Appears when you hover between any two actions. An icon will appear where the user hovers, giving the user the option to insert a new action at the selected location.
  13. Edit Instruction | Delete Instruction | Clone Instruction:
    • Edit:  Edit the name of the instruction.
    • Delete:  Delete the instruction and merge test actions into the instruction above. Option to remove actions under the instruction as well.
      • Note: The first instruction of the test cannot be deleted.
    • Clone:  Add a duplicate instruction to the test.
  14. View:  Click the View button from the right side of any action on the Browser Results tab to open Slider View for the most recent screenshots and results of each action.

Editing a Test Case

There are many items in each test you can edit directly from the Test Details page. Create a reusable Page Object in existing test cases. Import actions from a Page Object or another Test Case into existing test cases. Generate and map a TDM data source to data-drive a test case. Delete or update multiple actions inside a test case at once. Re-arrange test actions into a different test flow order.

Viewing the History Tab

  1. Click on the History tab and the History page will open.
     
    • On this page, you can download the report as CSV, check the run history chart, and select the browsers, status, and date filter to view the run history.
  2. Click the Delete button under Action to open the Delete Test Result popup to select the desired action.Note: Only Project Admin, Team Admin, and Site Admin can interact with the Delete button.
  3. Click the View button under Action to open the history result.

Rearranging Test Actions

In the Functionize tool, "Rearrange Actions" refers to the capability of modifying the order of actions within a test. This feature allows users to easily reorganize the sequence of steps performed during test execution. By rearranging actions, users can customize the flow and logic of their tests to match specific scenarios or requirements. This flexibility enables them to optimize test cases, ensure proper test coverage, and simulate realistic user interactions.

Benefits of Rearranging Actions

  1. Customization: Tailor the test flow to specific scenarios or requirements.
  2. Optimization: Ensure proper test coverage and simulate realistic user interactions.
  3. Efficiency: Simplify the process of modifying and refining test cases, saving time and effort in test creation and maintenance.

Steps to Rearrange Actions in a Test

Step 1: Open Your Test

  • Navigate to the test you want to modify.

Step 2: Hover Over the Action Handle

  • Locate the handle icon (usually represented by a set of three horizontal lines) at the left edge of the action you want to rearrange.

Step 3: Click and Drag the Action

  • Click on the handle icon and drag the action to the desired position within the test structure. The action numbering will automatically update to reflect the new order.

Step 4: Save the Changes

  • After rearranging the actions, click the "Update" button located at the bottom right corner of the screen to save the changes.

Step 5: Confirm the Changes

  • A confirmation message will display, indicating that the actions have been successfully rearranged.

The Rearrange Actions feature in the Functionize tool enhances test development efficiency by allowing users to quickly and easily adjust the order of actions within a test. This drag-and-drop functionality ensures that test cases can be iterated and fine-tuned quickly, providing an intuitive way to manage and optimize the sequence of steps performed during test execution.

Deleting a Test Action

Functionize allows users to delete actions from a test case using the Test Detail page or Slider View. Additionally, the Test Detail page provides the Bulk Delete Actions feature to delete multiple actions at once.

Deleting a Single Action from the Test Detail Page

  1. Open the Test Detail Page:
    • Navigate to the Test Detail page of a test.
  2. Expand the Action:
    • Expand the action that you want to delete.
  3. Click the Delete Button:
    • Click on the Delete button.
  4. Confirm the Deletion:
    • Confirm the deletion in the pop-up window.

Deleting a Pageinit Action

If a Pageinit Action is being deleted, all associated actions under that Pageinit Action will also be deleted.

By following these steps, you can efficiently delete single or multiple actions from your test cases, ensuring your tests remain accurate and up-to-date.

Adding an Action to an Existing Test Case

Functionize provides various methods to add actions to existing test cases. You can insert actions directly from the Test Detail page or Slider View. Additionally, users can utilize Local Edit and Live Debug to make test alterations.

Adding a New Action via Test Details Page

  1. Open a Test: Open a test from the functional tests list in any project.
  2. Hover Over an Action: Hover over any action; an Insert Action icon will appear, giving the option to insert a new action at the selected location.
  3. Click the Insert Action Icon: Click the Insert Action icon to view the Insert menu. Certain actions will be available depending on placement within the existing actions, typically non-element-based actions.
  4. Select the Desired Action: Select the desired action to insert.
  5. Enter Details: Enter details in the modal fields that appear, according to the action selected.
  6. Click Insert: Click Insert. The new action is now inserted in the test, and the newly added action will be shown in a grayed-out color and include a NEW tag under the test step number.

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

By following these steps, you can efficiently add new actions to your existing test cases, ensuring comprehensive and up-to-date test coverage.

Adding Instructions to an Existing Test Case

The "New Instruction" feature allows users to organize tasks within a test case on the Test Details page and Slider View. Instructions are helpful for structuring and segmenting different tasks being tested on your site.

Note: Instructions cannot be added before the opening PageInit Action of any test or between the last action of one Instruction and the first action of the next Instruction to prevent any empty Instructions.

How to Add Instructions via Test Details Page

Although it is recommended to add Instructions while recording your test with the Architect, adding an Instruction to an existing Test Case is straightforward.

  1. Open a Test:
    • Open a test from the functional tests list in any project.
  2. Hover Over an Action:
    • Hover over any action; an Insert Action ⊕ icon will appear, giving the option to insert a new action at the selected location.
  3. Click the Insert Action Icon:
    • Click the Insert Action icon 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.

Note for Both Test Details and Slider View

  • Instructions added within a test will include all following actions up to the next Instruction
  • Instructions cannot be added before the opening PageInit Action of any test or between the last action of one Instruction and the first Action of the next Instruction

By following these steps, you can efficiently add and organize Instructions in your existing test cases, ensuring clear and structured test workflows.