# 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.
3. 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.
3. You will be prompted to log in with your SimplifyQA credentials. Clicking the login button will redirect you to the SimplifyQA website for authentication.
4. 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.
2. Navigate to the webpage where you want to capture elements.
3. A blue highlight will appear over web elements detected by the tool.
4. Click on any element (or multiple elements) to capture their locators.
5. 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.
2. If necessary, modify the locators by editing the values in the respective fields.
3. 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.
2. Navigate to the desired web page.
3. Select the objects you want to include in the Flow XPath.
4. 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.
2. 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.
3. 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.
3. You will be prompted to log in with your SimplifyQA credentials. Clicking the login button will redirect you to the SimplifyQA website for authentication.
4. 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.
2. Navigate to the webpage where you want to capture elements.
3. A blue highlight will appear over web elements detected by the tool.
4. Click on any element (or multiple elements) to capture their locators.
5. 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.
2. If necessary, modify the locators by editing the values in the respective fields.
3. 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.
2. Navigate to the desired web page.
3. Select the objects you want to include in the Flow XPath.
4. 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.
3. 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.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.simplifyqa.ai/introduction-to-test-management-in-simplifyqa/utilising-web-inspector.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.