Selenium Webdriver：cssselector

Question

我试图来为他们做登入此 。 在其中点击我已成功完成的'SignIn'。 现在，当尝试使用Xpath键入用户名/密码时，它会显示异常

线程“main”中的异常org.openqa.selenium.ElementNotVisibleException：元素不可见

代码是： -

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

我知道这个Xpath与SignUp形式中使用的相同，那么找到这两个字段的其他方法是什么？ 我们如何使用cssselector来使用它？ 我在这里先向您的帮助表示感谢。

Answer 1

在找到相对xpath时向上一级

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

Answer 2

尝试这个

 //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();

以上代码对我有用。

Answer 3

提供的xpath基本上有两个元素，它与第一个找不到的元素一起使用，作为你的异常说，你应该尝试使用cssSelector如下： -

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

注意 ： - 要了解cssSelector按照此URL操作 ，对于xPath遵循此URL

我建议您在使用定位器执行selenium之前确保使用定位器是正确的，并通过按f12在浏览器控制台上返回单个或多个元素。 对于验证xPath您应该使用$x("your xpath expression") ，对于cssSelector您应该使用document.querySelector("your css selector expression") 。

希望它会帮助你.. :)