Selenium Locating Elements, To compose UI tests with Selenium WebDriver it should have the capacity to recognize site page components quick and in a precise way. Locators are used to locate GUI Elements. Locators can be located by using Name, ID,  Xpath, DOM, Link Text, CSS Selector. Following are the methods .

By using the ID, elements can be located. There are two different steps to found the elements by ID

Drive to this URL Open Facebook

Selenium Locating Elements will Use firebug to inspect the Username. Inspection of any web site is simple in any web site, for example while entering any credentials to the form, by giving right click on the text field user can change the name of the filed and also at the place of password one can keep the show or text to visible the data.

Selenium Locating Elements, Open the selenium IDE and in command tab, type id=email, the location will  be located that has been shown in the image with red color marked.

Elements can be found by giving the Names. By following the steps, elements can be located by Names. Name type is used to locate prime element with similar name , in case variuos elements have similar values for a particular name, then it's better utilize filters to future refining purpose.

Drive to this URL and select Username in the window. Open Facebook

Type name=email in Target window then same element will be displayed under the name of target as shown in the image.

Selenium Locating Elements, The XPath is nothing but a dialect that utilized for XML document to locate the nodes, one can use the XPath when thers is no id or name element to locate, these locators can be used to declare elements via using attributes.

Select the Tab, and open it with firebug, Height and Width of the tab will appear.

Copy the Xpath of that Tab and place it in command with Two Slashes.

DOM stands for Document Object Model. Page elements can be accessed by using Document Object Model. It represents the static page and it will be drived by using JavaScript code that access an element. There are two steps to find  page elements using Document Object Model.

Drive to this URL, select keep me logged in Checkbox with firebug.

Enter the document.getElementById("persist_box") and press find, checkbox will be highlighted.

By using Links, elements  can founded. locating hyperlinks by link text, by using this strategy the main component with the link text value coordinating the area will be returned. On the off chance that no component has a coordinating connection content trait, a NoSuchElementException will be raised. . The following steps will describe how the links can used in this topic.

Drive to this URL and select contact and open it with firebug.  

In Target window, type link=contact and press Find button output, contact will be highlighted.

CSS stands for Cascading Style Sheets which are define rules how the elements should appear on the web pages. CSS Styles are very expressive and allows user to have the high degree of control over the styling of the HTML Elements with a little bit of code. HTML and CSS are evolved on several years back and now the latest version is the CSS3 which have the lot of new capabilities to existing once. CSS3 and HTML5 together known as the forefront of the advanced webdesign and web development. Previously ID is used to locate the elements, in the same manner, locating the ID by using CSS. Below two steps will describe how CSS is used to find the elements.

Drive to this URL and select Email and open it with firebug.

• Each Locator will perform specified Operation.
• Discovering Address is some what difficult in Xpath.
• Selenium grid is the strategy to distribute the test through the various servers.
• X-Path is used to find the web element in web application and also to recognize dynamic elements.