Utilising Web Inspector

Web Inspector is a browser extension that allows users to capture locators for web elements efficiently, streamlining the automation of test cases in SimplifyQA. It helps identify elements on a webpage by providing XPath, CSS Selectors, ID, Name, and other attributes necessary for automation.

Downloading and Installing Web Inspector

To use Web Inspector, follow these steps to download and install the extension:

  1. Open the browser store (Chrome Web Store, Edge Add-ons, etc.).

  2. Search for "SimplifyQA IDE" and open the extension.

  1. Click "Add to Chrome" and complete the installation process.

Accessing the Web Inspector

  1. After installation, click on the extensions button in your browser toolbar.

  2. Select SimplifyQA Web Inspector from the list of installed extensions.

  1. You will be prompted to log in with your SimplifyQA credentials. Clicking the login button will redirect you to the SimplifyQA website for authentication.

  1. After logging in, reopen the Web Inspector extension. This will launch a separate window for capturing objects.

Capturing Objects Using Web Inspector

Step 1: Select a Project Since objects are linked to a specific project, first select the project where you want to create and store these objects.

Step 2: Inspect and Capture Elements

  1. Click on the Inspect button in Web Inspector.

  1. Navigate to the webpage where you want to capture elements.

  2. A blue highlight will appear over web elements detected by the tool.

  3. Click on any element (or multiple elements) to capture their locators.

  1. Once you’ve selected the required elements, return to the Web Inspector window and click Inspect button again to view the captured objects.

Viewing and Editing Captured Objects

  1. Select a captured object from the list to view its attributes, including XPath, Class, Text, etc.

  1. If necessary, modify the locators by editing the values in the respective fields.

  2. To rename an object:

    • Click the edit icon next to the object name.

  • Enter the desired name.

  • Click the check icon to save the changes.

Creating a Flow XPath in Web Inspector

Flow XPath allows you to capture multiple elements across different web pages to create a dynamic and structured XPath for automation. Steps to Create a Flow XPath

  1. Click on the "Create FlowXPath" icon.

  1. Navigate to the desired web page.

  2. Select the objects you want to include in the Flow XPath.

  3. Click on the Inspect button again to stop capturing.

Viewing the Flow XPath

Once the inspection is stopped, a new field will appear in the Attributes section of the selected object. This field, labeled "XPathFlow," will contain the generated Flow XPath.

This feature is especially useful for complex workflows, such as multi-step forms, dynamic tables, and modal interactions, where elements need to be identified dynamically based on the UI flow.

Saving Captured Objects

Once all modifications are made, click the Save button to store the captured objects in SimplifyQA’s Object Repository.

Accessing Captured Objects in SimplifyQA

To access and manage the saved objects:

  1. Open SimplifyQA and navigate to the left-side panel.

  2. Go to Test Management > Object Repository.

  1. The newly created objects will be available under the selected project, ready to be used in test case creation and automation.

The Web Inspector in SimplifyQA simplifies locator identification and object management, making test automation seamless. By capturing objects directly from the web and storing them in the Object Repository, teams can efficiently create and execute automated test cases with accurate locators.

Web Inspector is a browser extension that allows users to capture locators for web elements efficiently, streamlining the automation of test cases in SimplifyQA. It helps identify elements on a webpage by providing XPath, CSS Selectors, ID, Name, and other attributes necessary for automation.

Download and Install Web Inspector

To use Web Inspector, follow these steps to download and install the extension:

  1. Open the browser store (Chrome Web Store, Edge Add-ons, etc.).

  2. Search for "SimplifyQA IDE" and open the extension.

  1. Click "Add to Chrome" and complete the installation process.

Accessing the Web Inspector

  1. After installation, click on the extensions button in your browser toolbar.

  2. Select SimplifyQA Web Inspector from the list of installed extensions.

  1. You will be prompted to log in with your SimplifyQA credentials. Clicking the login button will redirect you to the SimplifyQA website for authentication.

  1. After logging in, reopen the Web Inspector extension. This will launch a separate window for capturing objects.

Capturing Objects using Web Inspector

Step 1: Select a Project

Since objects are linked to a specific project, first select the project where you want to create and store these objects.

Step 2: Inspect and Capture Elements

  1. Click on the Inspect button in Web Inspector.

  1. Navigate to the webpage where you want to capture elements.

  2. A blue highlight will appear over web elements detected by the tool.

  3. Click on any element (or multiple elements) to capture their locators.

  1. Once you’ve selected the required elements, return to the Web Inspector window and click Inspect button again to view the captured objects.

Viewing and Editing Captured Objects

  1. Select a captured object from the list to view its attributes, including XPath, Class, Text, etc.

  1. If necessary, modify the locators by editing the values in the respective fields.

  2. To rename an object:

    1. Click the edit icon next to the object name.

    2. Enter the desired name.

    3. Click the check icon to save the changes.

Creating a Flow XPath in Web Inspector

Flow XPath allows you to capture multiple elements across different web pages to create a dynamic and structured XPath for automation.

Steps to Create a Flow Xpath

  1. Click on the "Create FlowXPath" icon.

  1. Navigate to the desired web page.

  2. Select the objects you want to include in the Flow XPath.

  3. Click on the Inspect button again to stop capturing.

Viewing the Flow Xpath

Once the inspection is stopped, a new field will appear in the Attributes section of the selected object. This field, labeled "XPathFlow," will contain the generated Flow XPath.

This feature is especially useful for complex workflows, such as multi-step forms, dynamic tables, and modal interactions, where elements need to be identified dynamically based on the UI flow.

Saving Captured Objects

Once all modifications are made, click the Save button to store the captured objects in SimplifyQA’s Object Repository.

Accessing Captured Objects in SimplifyQA

To access and manage the saved objects:

  1. Open SimplifyQA and navigate to the left-side panel.

  2. Go to Test Management > Object Repository.

  1. The newly created objects will be available under the selected project, ready to be used in test case creation and automation.

The Web Inspector in SimplifyQA simplifies locator identification and object management, making test automation seamless. By capturing objects directly from the web and storing them in the Object Repository, teams can efficiently create and execute automated test cases with accurate locators.

Last updated