Xpath in Selenium :: Contains() and starts-with() function in Xpath

Contains() and starts-with() function in xpath is used  when we are familiar with partial attributes value of an element on HTML pages.  Here I am trying to explain how Contains() and starts-with() function are used in writing xpath





Here I am adding one Snap to show how it works

myscreenshot

Here  as we can see we want to search Google Search just by writing its xpath in console of developer tools used in Chrome

So to find the Google Search button we have to write xpath like this

$x(“//input[@name=’btnK’]”)

Once we hit enter it would bring

[<input value=​”Google Search” aria-label=​”Google Search” name=​”btnK” type=​”submit” jsaction=​”sf.chk”>​]

 

It shows that xpath for Google Search Button is correctly written

Also Read: Arrays in Java and its implementation in WebDriver

Now suppose we want to search Google Search button if we are just familiar that value of name attributes is starting with  “btn”

then we have to use function starts-with like this

$x(“//input[starts-with(@name,’btn’)]”)

and once when we hit enter on console it would reflect two button one is Google Search and Second one is I’m Feeling Lucky

[<input value=”Google Search” aria-label=”Google Search” name=”btnK” type=”submit” jsaction=”sf.chk”>, <input value=​”I’m Feeling Lucky” aria-label=​”I’m Feeling Lucky” name=​”btnI” type=​”submit” jsaction=​”sf.lck”>​]

 

So we can see that all the elements those are having name attributes matching with “btn” is coming on screen. So to find Google Search button uniquely we need to use the complete value of name attribute

$x(“//input[starts-with(@name,’btnK’)]”) 

 

put above in console of chrome’s developer tool and hit enter and then it will return

 




It proves that we have written right xpath for Google Search

In the same fashion we have  Contains function that finds all the element matching with string pattern. So if we know that all button on any screen is going to have one pattern of value against its any of the attribute like id, name, class or any of the attribute in html code then we can use contains because contains function find all the element on webpage with matching pattern.
Also Read: Reading e-mail using Javamail api
So lets take example like all buttons on Google.com is going to have one pattern for its name attribute value that is “tn”

For this example we are taking pattern that is common in name attributes value in html code of Google Search button and I’m feeling lucky button and that is “tn” since this string is common in value of name attribute in both line of html code

So we can write xpath using Contains function like this and if we put it in console of chrome’s developer tool and hit enter

$x(“//input[contains(@name,’tn’)]”)

above line of code would appear on screen.
Also Read: Email Verification from Gmail Account in Selenium Webdriver (Java)

One more thing contains method always match pattern in values of attribute and if it find it any where in value then it fetches the element on screen and let the Selenium WebDriver code to work on these elements.

 

7 comments

  • Pingback: Selenium Best Links | Learn Testing

  • Thanks Dwarika, was searching for the usage of these Xpath functions and after 1 hr, search finally ends at this page.

    Thanks again for sharing 🙂

  • Hi,
    please could you help me .
    i am trying to automate make my trip .
    i want to select a source for the flight ,
    where as the html tags are below

    New Delhi, India (DEL)

    please let me know how to access the new delhi .
    below is the code i have used
    WebElement ele1=driver.findElement(By.xpath(“.//*[@id=’ui-id-1′]”));

    List Links=ele1.findElements(By.xpath(“//li”));
    String[] linkTexts = new String[Links.size()];
    int j = 0;
    int lsize=Links.size();

    for (int i=2;i<Links.size()-1;i++){
    System.out.println(Links.size());
    String s1=".//*[@id='ui-id-1']/li[";
    String s2="]";
    String s3=s1+i+s2;
    WebElement ele2;

    ele2=driver.findElement(By.xpath(s3));

    WebElement Sublinks=ele2.findElement(By.tagName("a"));
    System.out.println(Sublinks.getText());

  • Why can’t I see your screen shots in my browser..Please let me know..? Thanks in advance!

  • how to validate a excel profile in android using appium and tell the suitable one for ios also

    best android training in selenium with hands on get it selenium training centers in chennai

Leave a Reply

Your email address will not be published. Required fields are marked *