Get element by cssSelector in Selenium (Java)

Question

<html>
    <body>    
        <div id="login-box" class="form-box">    
            <form id="frmlogin" class="form" name="frmlogin" method="post">
                <div class="body">
                    <div class="form-group">
                        <input id="email" class="form-control" type="text" maxlength="50"     value="[email protected]" placeholder="Email" name="email">
                        <span class="red">Please provide a valid email address</span>
                    </div>
                    <div class="form-group">
                        <input class="form-control" type="password" maxlength="15" placeholder="Password" name="password">
                        <span class="red">Password must not be empty</span>
                    </div>
                </div>
            </form>
        </div>
    </body>
</html>

I need to get "Please provide a valid email address" and "Password must not be empty" using nth-child in cssSelector.

I tried the below snippet:

//Case 2

    driver.findElement(By.name("email")).clear();
    driver.findElement(By.name("email")).sendKeys("");
    String a=driver.findElement(By.cssSelector("form#frmlogin div.form-group:nth-child(1)>span")).getText();
    System.out.println(a);
    if(a.contains("valid email address"))
    {
        System.out.println("Login test case2 Passed");
    }
    else
    {
        System.out.println("Login test case2 Failed");
    }

It results in NoSuchElementFound.

The span elements are the 2nd child of the form-group element. Try using .form-group>span:nth-child(2) as your selector. — Mark Rowlands
– Mark Rowlands, Commented Dec 2, 2014 at 9:23
Thank You Mark Rowlands. I tried out with this already but I din't get the output — Sugan
– Sugan, Commented Dec 2, 2014 at 10:30

Murtaza Khursheed Hussain · Accepted Answer · 2014-12-02 06:37:26Z

3

You can use it by element selector

By.cssSelector("input[name=email]")

answered Dec 2, 2014 at 6:37

Murtaza Khursheed Hussain

15.3k7 gold badges62 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ayusman Over a year ago

Specifying more details such as where to change the code and how the changed code helps solve the OP's problem will make the answer more acceptable.

Murtaza Khursheed Hussain Over a year ago

If you have read question clearly, Sugan has said that "String a=driver.findElement(By.cssSelector(".form-group>span:nth-child(1)")).getText(); It results in NoSuchElementFound.". I exactly answer that.

Subh · Accepted Answer · 2014-12-02 07:55:05Z

1

Try these codes below:

1- For returning 'Please provide a valid email address':

String a = driver.findElement(By.cssSelector("form#frmlogin div.form-group:nth-child(1)>span")).getText();
System.out.println(a);

2- For returning 'Password must not be empty':

String a = driver.findElement(By.cssSelector("form#frmlogin div.form-group:nth-child(2)>span")).getText();
System.out.println(a);

edited Dec 2, 2014 at 7:55

answered Dec 2, 2014 at 6:59

Subh

4,4241 gold badge17 silver badges33 bronze badges

13 Comments

Sugan Over a year ago

Thank you Subh. Even if I am using the above code Is results in same error

Subh Over a year ago

I have modified the css selector. Please check now @Sugan

Sugan Over a year ago

It throws me invalid Selector org.openqa.selenium.InvalidSelectorException

Subh Over a year ago

I think there is a problem with how you are implementing it. Can you please add the relevant code in your question ? Also, more of the html snippet will be helpful too. Because when I run with the existing snippet and my code, it is working fine and returning the expected outputs. @Sugan

Sugan Over a year ago

I have given the code and Snippet. I don't know whether I am missing out anything could me help me out

|

Stefan · Accepted Answer · 2014-12-02 10:09:46Z

1

If you don't have to you could also use XPath selectors which are in my opinion easier to use when you have to select the nth element of something. Try this one:

For E-Mail:

By.xpath("//div[@class='form-group'][1]/span")

For the password:

By.xpath("//div[@class='form-group'][2]/span")

But could you also provide the full HTML page you are working with? Maybe the form is inside an iframe and therefore Selenium has problems locating the element

answered Dec 2, 2014 at 10:09

Stefan

1354 bronze badges

2 Comments

Sugan Over a year ago

Thank you Stefan. I tried with this also it shows me the same error. No frames have been used in the HTML page.

bhantol Over a year ago

BTW xpath are slower and much slower in IE

Momo · Accepted Answer · 2019-03-22 01:22:39Z

0

You need to add .getText() method in order to get the text inside the tag.

answered Mar 22, 2019 at 1:22

Momo

1

Comments

NatNgs · Accepted Answer · 2017-12-13 17:37:01Z

-1

Have you tried something like object.getAttribute("innerHTML"), literally with "innerHTML", like this ?

I had a similar problem getting a text from a span tag

edited Dec 13, 2017 at 17:37

NatNgs

87414 silver badges27 bronze badges

answered Dec 13, 2017 at 17:14

Ariadne Pereira

1

Collectives™ on Stack Overflow

Get element by cssSelector in Selenium (Java)

5 Answers 5

2 Comments

13 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

13 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related