Scrape UI using algoScraper

TABLE OF CONTENTS

1. Overview

2. How To Use Scrape UI Feature

1. Overview

algoScraper is a Chrome extension designed for web applications that automatically captures all User Interface (UI) elements along with their corresponding XPaths.

This article provides detailed information about how to use the Scrape UI feature.

2. How To Use Scrape UI Feature

1. Open the application for which you wish to scrape the entire page at one go, click the extension to view the algoScraper window and click Scrape UI button. Scrape UI page will appear with Page name being added automatically.
2. Click on Scrape UI button and all the UI element details with corresponding XPath expression of the scraped UI page details will be listed.
3. If you wish to scrape element by element, Navigate to a particular UI element, right-click to capture the XPath expression of that UI element. The captured details are added to the scraped element table list.
4. You can use the pagination feature to easily navigate through and review all the listed UI elements.
5. To delete a UI element, click the delete icon next to the respective element.
6. if you try to click on back button a notification pop-up will appear saying 'Leaving now will discard all data'.
7. Click the + Row button to manually add additional rows and UI elements.
8. To remove all scraped details, click the Reset button.
9. Click Download button to download the scraped UI elements table in a CSV format. If you have edited the control names from the scraper then the edit will reflect in CSV file.
10. Click on algoQA button for the project be created in algoQA.