In this post I am going to demonstrate how to detect the web element for automation scripts. Many of the script based framework or just script needs to know about the property of web element to identify. From IE7+, Chrome, Firefox, Safari has inbuilt element detection features.
IE: In internet explorer 7 and above
Chrome:
In chrome it is pretty straight forward, just right click on any of the element and choose. Inspect Element
Safari:
Click Here
There are many tools and add-ins are there to detect the elements from any browser, and these are inbuilt tools which you can use as per your need. Now the next question is how to use them to identify your element for automation.
Please check the next article to use these properties for your web automation
IE: In internet explorer 7 and above
- Launch website and press F12 Button
- Developer Tool will be pop up, now click on mouse pointer on developer tool and move to the element you want to detect.
- You can see the elements and its property will be displayed in developer tool
- In new version of IE (I think IE10 and above) are having same feature to inspect as Chrome.
Chrome:
In chrome it is pretty straight forward, just right click on any of the element and choose. Inspect Element
Mozilla Fire Fox:
Click Here
There are many tools and add-ins are there to detect the elements from any browser, and these are inbuilt tools which you can use as per your need. Now the next question is how to use them to identify your element for automation.
Please check the next article to use these properties for your web automation
Pictorial representation is helpful to understand
ReplyDeleteThanks, Tune in for the next blog on how to combine these properties to find the element.. and will compare with QTP kind of framework.
ReplyDelete