Tools are used for inspecting web element

Tools for Inspecting the web element

• Before writing the code, firstly test engineer need to inspect the web element to open the HTML page.
• These tools are used for running the automation scripts.

There are 2 -tools used for inspecting the element

1. Using developer tool.
2. Using firebug and file path.

      1. Using developer tool:- 

• Right-click on the selected web element, click on Inspect option then the HTML page opens with the selected element.
• The test engineer can also press the F12 button of a keyboard, HTML page open from that TE can inspect elements manually, by clicking on element inspector.
• This tool is mainly used in Chrome or Internet Explorer Browser.
• Also, the other way to inspect element in chrome as click on chrome menu select the more tools than click on developer tools. 
• Also, there is shortcut keyboard used as Ctrl+Shift+I

      2. Using firebug and file path:- 

• Firebug is an add-on for firefox browser only, which is used to inspect the web element.
• Firepath is a third party tool for firebug which is also an add-on for firefox only.
• Firepath is used to write customise XPath and CSS selector.
• Firebug and Firepath tool is mainly used for Firefox Browser.
• By the use of this tool, automation engineer is able to inspect the elements by id, name, XPath (placeholder or attributes), CSS selector, link text, partial link text, class, and tags.

How to install firebug and file path?

• Open firefox browser, click on an open menu.
• Click on add-ons.
• Add-ons manager open.
• In add-ons manager, click on the extension.
• Search for firebug.
• Click on install.
• Again search for a file path.
• Click on install.
• Then restart the browser.
• The firebug and firepath will installed successfully.

Note:- Both the tools are beneficial for inspecting the elements of a website because of this the automation engineer be able to run the automation scripts.