Element Spotter is a small utility which will allow users to search for an element easily on Web browser.
This utility purely focuses to increase the speed of automation scripting.
Development is still in progress.
How to Use It
There are two sections for this utility.
This is used to launch a browser. We will be using browser launched through utility for further activities.
Dropdown has a list of browsers. Click on Launch button will open selected browser.
- Identifier Dropdown – List of all selenium identifiers, i.e.,
LinkText, etc. Also some custom identifiers for angularJs are also listed.
- Value Text Box – Enter value for selected identifier here.
- Test Button – Click on this button will highlight element on browser resp to the selected identifier and value.
- Generate Button – Click on this button will list down all possible elements along with identifier and value.
- Element List Box – All elements from current web site are listed here after click on generate button.
Steps For Execution
- Open Utility.
- Select Firefox from dropdown and click on Launch button
- Firefox will be launched -> Navigate to facebook.com
- Go to “Element Spotter” tab
- In Identifier dropdown, Select identifier “Name”
- In Value Text box, Enter value firstname
- Click on “Test Button”
- First Name Text box will be highlighted. Refer to Screenshot 1
- Also, Selenium command is generated in Console Text box below
- Click on Generate button – Wait for a few seconds. Utility might go in Not Responding state but wait for some time
- In Element List box, all possible elements from web page will be generated
- Click on item in list box, it will be highlighted in web page if it’s not hidden. Refer to Screenshot 2
- Also in POM tab, POM for all elements will be generated
- Utility may go in not responding state for a few seconds.
- It’s not compatible with Internet Explorer and Chrome yet. Will be updating the latest version soon.
- Hidden elements and radio button cannot be highlighted.
- Upgrading utility to Selenium 3 soon.