Selenium Webdriver: cssselector

Question

I am trying to do SignIn for this. In it click on 'SignIn' which I have done it successfully. Now when trying to type in Username/Password using Xpath it shows exception which says

Exception in thread "main" org.openqa.selenium.ElementNotVisibleException: element not visible

code is :-

driver.findElement(By.xpath(".//*[@id='load_form']/fieldset[1]/input")).sendKeys("test123");
driver.findElement(By.xpath(".//*[@id='load_form']/fieldset[2]/input")).sendKeys("test123");

I know this Xpath is same as used in SignUp form, so what are the other ways to locate these two fields? How we can use it by using cssselector? Thanks for the help in advance.

This is based on PowerShell? What is the target platform and language used? — tarekahf
– tarekahf, Commented Feb 2, 2022 at 14:28

Madhan · Accepted Answer · 2016-07-12 10:35:17Z

1

Go One Level up on finding the relative xpath with

//div[@id='login']/form[@id='load_form']//input[@name='username']
//div[@id='login']/form[@id='load_form']//input[@name='password']

answered Jul 12, 2016 at 10:35

Madhan

5,8484 gold badges31 silver badges61 bronze badges

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

1 Comment

P Ghanghar Over a year ago

Thank u so much. I am new to web driver and will be really helpful if you will share some tutorial regarding it

selva · Accepted Answer · 2016-07-12 10:53:23Z

1

Try this

 //For Username
        driver.findElement(By.xpath("(//input[@name='username'])[2]")).sendKeys("username test");
//or
        driver.findElement(By.cssSelector("#login > #load_form > fieldset > input[name='usernam']")).click();   

//For password
        driver.findElement(By.xpath("(//input[@name='password'])[2]")).sendKeys("password test");
//or
        driver.findElement(By.cssSelector("#login > #load_form > fieldset > input[name='password']")).click();

the above codes are working for me.

edited Jul 12, 2016 at 10:53

answered Jul 12, 2016 at 10:37

selva

1,1751 gold badge19 silver badges39 bronze badges

2 Comments

P Ghanghar Over a year ago

Thank u so much. I am new to web driver and will be really helpful if you will share some tutorial regarding it

selva Over a year ago

just google selenium webdriver tutorial @Ghanghar there are many good websites

Saurabh Gaur · Accepted Answer · 2016-07-12 11:12:31Z

1

There are basically two elements found by provided xpath, and it works with first found element which is invisible as your exception saying, you should try using cssSelector as below :-

driver.findElement(By.cssSelector("div#login input[name = 'username']")).sendKeys("test123");
driver.findElement(By.cssSelector("div#login input[name = 'password']")).sendKeys("test123");

Note:- For learning about cssSelector follow this url and for xPath follow this url

I'm suggesting you before selenium execution with the locator you need to sure that using locator is correct and returns single or multiple element at your browser console by pressing f12. for verify xPath you should use $x("your xpath expression") and for cssSelector you should use document.querySelector("your css selector expression")..

Hope it will help you..:)

edited Jul 12, 2016 at 11:12

answered Jul 12, 2016 at 10:39

Saurabh Gaur

23.9k11 gold badges56 silver badges74 bronze badges

4 Comments

P Ghanghar Over a year ago

Thank u so much..!! I am new to webdriver and will be really helpful if you will share some tutorial regarding it

Saurabh Gaur Over a year ago

@PGhanghar you welocme..glad to help you..:)

Saurabh Gaur Over a year ago

@PGhanghar follow this for cssSelector w3schools.com/cssref/css_selectors.asp

Saurabh Gaur Over a year ago

@PGhanghar and this for xpath w3schools.com/xsl/xpath_axes.asp..

Collectives™ on Stack Overflow

Selenium Webdriver: cssselector

3 Answers 3

1 Comment

2 Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related