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") 。

希望它會幫助你.. :)