無法使用 selenium & java 找到 star 的 xpath

Question

先感謝您 ！

網址 - https://www.tripadvisor.in/UserReviewEdit-g641714-d1156207-Club_Mahindra_Madikeri_Coorg-Madikeri_Kodagu_Coorg_Karnataka.html

我需要將鼠標懸停在星星上並選擇第 5 顆星。

請找到我的代碼：-

private static void setRating(String star) {
        //new Actions(driver).moveToElement(driver.findElement(By.xpath("//*[@id='qid10']/option[1]"))).perform();
        List<WebElement> rating = driver.findElements(By.xpath("//span[@class='ui_bubble_rating fl bubble_00']"));
        rating.size();

        List<WebElement> ele = driver.findElements(By.xpath("//div[@class='easyClear bigRatingParent']"));
        System.out.println(ele.size());
        for(WebElement ratings:ele) {
            System.out.println(ratings);
        }
        new Actions(driver).moveToElement(driver.findElement(By.xpath("//div[@class='question rating bigRating labelAndInput required  ']/child::label/following-sibling::div/child::span"))).perform();
        driver.findElement(By.xpath("//*[@id='qid10']/option[6]")).click();

    }
}

Answer 1

嘗試使用 Java 腳本執行器

JavascriptExecutor executor = (JavascriptExecutor)driver; executor.executeScript("document.getElementById('bubble_rating').ui_bubble_rating fl bubble_05 bubble_50");

這行得通，請讓我知道

Answer 2

要選擇內的5^個星https://www.tripadvisor.in/你有誘導WebDriverWait的visibilityOfElementLocated()你可以使用以下的定位策略：

• xpath ：

   driver.get("https://www.tripadvisor.in/UserReviewEdit-g641714-d1156207-Club_Mahindra_Madikeri_Coorg-Madikeri_Kodagu_Coorg_Karnataka.html]"); new Actions(driver).moveToElement(new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//span[@id='bubble_rating']"))), 50, 0).click().build().perform();

• cssSelector ：

   driver.get("https://www.tripadvisor.in/UserReviewEdit-g641714-d1156207-Club_Mahindra_Madikeri_Coorg-Madikeri_Kodagu_Coorg_Karnataka.html]"); new Actions(driver).moveToElement(new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("span#bubble_rating"))), 50, 0).click().build().perform();

• 瀏覽器快照：

Answer 3

請嘗試這段代碼。 如果您需要幫助，請告訴我。

import java.time.Duration;
import java.util.List;
import org.openqa.selenium.By;
import org.openqa.selenium.Dimension;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;

public class TripAdvisor 
{
public static void main(String[] args) 
{
    // TODO Auto-generated method stub

    System.setProperty("webdriver.chrome.driver","C:\\selenium\\Drivers\\chromedriver.exe");
    WebDriver driver = new ChromeDriver();
    String baseUrl = "https://www.tripadvisor.in/"
                    + "UserReviewEdit-g641714-d1156207-Club_Mahindra_Madikeri_Coorg-Madikeri_Kodagu_Coorg_Karnataka.html";
    driver.get(baseUrl);

    // Capture the webElement and its width
    WebElement target = driver.findElement(By.xpath("//img[@alt='Roll over, then click to rate']/.."));
    Dimension dimension = target.getSize();
    int  width= dimension.getWidth();

    // Initialize the list of 5 star rating with no elements
    List<WebElement> rating5star= driver.findElements(By.xpath("//span[@class='ui_bubble_rating fl bubble_50']"));


    // When using the W3C Action commands, offsets are from the center of element
    // This is in contradiction to the information provided in Selenium java docs
    // https://selenium.dev/selenium/docs/api/java/org/openqa/selenium/interactions/Actions.html#moveToElement-org.openqa.selenium.WebElement-int-int-
    // Hence the movement should be from -(width/2) to (width/2)

    Actions action = new Actions(driver);
    int x = (0 - width/2);
    while(rating5star.size()==0 & x<=(width/2))
    {
        action.moveToElement(target, x, 0).click().pause(Duration.ofSeconds(1)).perform();
        rating5star= driver.findElements(By.xpath("//span[@class='ui_bubble_rating fl bubble_50']"));
        System.out.println(rating5star.size());
        x=x+10;
    }
}

}

Answer 4

我認為懸停不起作用，因為它是整個評級欄的單個元素。 所以我觀察到它會改變所選評級的class值。 我們可以使用JS更改class屬性的value來更改評級

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("document.getElementById('bubble_rating').setAttribute('class', 'ui_bubble_rating fl bubble_50')");

或者

WebElement element = driver.findElement(By.id("bubble_rating"));

    js.executeScript("arguments[0].setAttribute('class','ui_bubble_rating fl bubble_50')", element);

它會完成這項工作。