Locators:
synatax:
CSS selector- Cascaded Style sheet
syntax
htmltag [Property name='property value']
Using Gruop Index
check in html code if hve same id nd same name nd same value nd same classname...
thn go for group index...
1.ID
2.name
3.Partiallinktext
4.LinkText
5.classname
6.CSSselector
7.Xpath
Using ID:
copy html code for tat particular element ...paste in Notepad...
copy html code for tat particular element ...paste in Notepad...
<input id="username" class="textField" type="text" value="" name="username"
placeholder="Username">
Step 1:
driver. findelement(By.id("username")).sendkeys("admin");
Step 2:using xpath
//tagname [@property name='propertyvalue']
tagname= input
property name= id
property value = username
Xpath: //input[@id='username']
NOTE:
If id value is number present dont take id....plz remeber...dont take id...
eg..
<input id="gs_taif0" class="gsfi" disabled="" autocomplete="off" aria-hidden="true" style="border:
medium none; padding: 0px; margin: 0px; height: auto; width: 100%;
position: absolute; z-index: 1; background-color: transparent; color:
silver; left: 0px;" dir="ltr">
tagname= input
property name= id
property value= gs_taif0 -- here 0 is number so dont take id..bcz it wil change every refresh..
Using NAME:
<input id="username" class="textField" type="text" value="" name="username"
placeholder="Username">
Step 1:
driver. findelement(By.name("username")).sendkeys("admin");
Step 2:using xpath
synatax:
//tagname [@property name='propertyvalue']
tagname= input
property name= name
property value = username
Xpath: //input[@name='username']
Note:
If id is has Number in property value than give prepference to name......
Using Text:
<label id="keepLoggedInLabel" for="keepLoggedInCheckBox"
style="-moz-user-select: none; cursor: default;">Keep me logged in</label>
tagname= label
property name= text
property value = Keep me logged in
syntax
//tagname[ property name()= 'property value']
//label[text()='Keep me logged in']
Note:
for text mostly use "contains" bcz sme gap wil be there.....if space is thr r not use "contains"
actually tats is gud..to find text.....
Syntax
//tagname[ contains( property name,'property value')]
//label[contains(text(),'Keep me logged in')]
CSS selector- Cascaded Style sheet
syntax
htmltag [Property name='property value']
<input id="username" class="textField" type="text" value="" name="username"
placeholder="Username">
htmltag = input
property name= name
property value = username
CSS: input[name='username']
input[type='text'] or in firepath u can see css option is thr u can use tat one...
Using xpath:
This is gud way to find element.....
<input type="submit" jsaction="sf.chk" name="btnK" aria-label="Google Search" value="Google Search">
syntax
//tagname[@property name='Property value']
tagname= input
property name= value
property value = Google
1.//input[@value='Google']
2.//input[@name='Google']
3.//input[@type='Google']
4.//input[@style='Google']
5.//input[@id='Google']
6.//input[text()='Google']
7.//input[contains(text,'Google')]
8.//input[@value='Google']/../../... tis new action nwdys using to go parent element
Relative xpath:
eg;
<table style="width:100%">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
//td[text()='Eve']
parent element
//tr[td[text()='Eve']]
new method nowdys using tis way....
//td[text()='Eve']/.. tis go to tr parent element
//td[text()='Eve']/../tr[2] htmltag = input
property name= name
property value = username
CSS: input[name='username']
input[type='text'] or in firepath u can see css option is thr u can use tat one...
Using xpath:
This is gud way to find element.....
<input type="submit" jsaction="sf.chk" name="btnK" aria-label="Google Search" value="Google Search">
syntax
//tagname[@property name='Property value']
tagname= input
property name= value
property value = Google
1.//input[@value='Google']
2.//input[@name='Google']
3.//input[@type='Google']
4.//input[@style='Google']
5.//input[@id='Google']
6.//input[text()='Google']
7.//input[contains(text,'Google')]
8.//input[@value='Google']/../../... tis new action nwdys using to go parent element
Relative xpath:
eg;
<table style="width:100%">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
//td[text()='Eve']
parent element
//tr[td[text()='Eve']]
new method nowdys using tis way....
//td[text()='Eve']/.. tis go to tr parent element
Using Gruop Index
check in html code if hve same id nd same name nd same value nd same classname...
thn go for group index...
<div class="x-combo-list-item " style="padding:3px 0 3px 3px">Barber, Robert (admin)</div>
<div class="x-combo-list-item " style="padding:3px 0 3px 3px">Cruz, Gordman (project_mng)</div>
<div class="x-combo-list-item" style="padding:3px 0 3px 3px">Gibson, Maurice (designer)</div>
<div class="x-combo-list-item" style="padding:3px 0 3px 3px">Kloss, Barbara (fa)</div>
<div class="x-combo-list-item" style="padding:3px 0 3px 3px">Moss, Bruno (frontender)</div>
<div class="x-combo-list-item" style="padding:3px 0 3px 3px">O'Dowd, Roy (user)</div>
<div class="x-combo-list-item" style="padding:3px 0 3px 3px">Stivers, Melanie (ui_design)</div>
syntax
(//tagname)[index]
tagname = div
(//div)[1]
(//div)[2]
(//div)[3]
To find last element in group index we use ...(las t ) word... first word not possible...
(//div)[last]
(//div)[3]
To find last element in group index we use ...(las t ) word... first word not possible...
(//div)[last]
