下面是我尝试使用Selenium WebDriver (2.53.1)和Java进行测试的场景。
在一个网页上,我有一个明星名单。我想要将鼠标悬停在每一个上面,当我们鼠标悬停时,星星会突出显示。然后点击其中一颗星。当每颗星在空中悬停时,css都会发生变化。
悬停之前的
<div class="wh-rating-choices" style="display: none;">
<div class="wh-rating-choices-holder">
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<em>Your Rating: <span></span></em>
</div>
</div>
悬停后的
<div class="wh-rating-choices" style="display: none;">
<div class="wh-rating-choices-holder">
<a href="#" class="hover">1</a>
<a href="#" class="hover">2</a>
<a href="#" class="hover">3</a>
<a href="#" class="hover">4</a>
<a href="#" class="hover">5</a>
<em>Your Rating: <span>Excellent</span></em>
</div>
</div>
所以基本上,在成功悬停时,类' hover‘会被添加到html/css中。
我尝试过的代码如下所示。
List<WebElement> allStars = driver.findElements(By.xpath("//a[@class='hover']"));
System.out.println("<<<<<<<<<<<<------List of all stars, size------------>>>>>>>>>>"+allStars.size());
for (WebElement e : allStars) {
Actions act = new Actions(driver);
act.moveToElement(e).build().perform();
Thread.sleep(5000);
}
和之前一样,没有添加类' hover‘,WebElements的列表始终为零。在一些selenium站点上尝试了一些建议的选项,但不起作用。请帮助,如何在这一点上进行。
发布于 2018-10-22 16:44:17
我刚刚测试了一个解决方案,但它非常粗糙。然而,它是有效的。
注意:直接导航到第五颗星(文本为“5”的元素)对我不起作用。似乎您需要悬停,以便评级持有者框打开,然后悬停到第五颗星,以便您获得所有的class=“悬停”。
这是我所做的:
--使用操作导航到上面的元素(“编写评论”)
--以1像素为增量向下移动(正"y")
--每次递增后,测试具有"wh-rating-choices“类的元素是否包含字符串"block”
--如果是,则移动到“wh-rating-choices holder”类元素下包含文本"5“的元素。
我在python中对其进行了测试,但以下是在Java中应该可以工作的内容:
Actions action = new Actions(driver);
int inc = 0;
while (inc < 100) {
WebElement top = driver.findElement(By.xpath("//*[contains(text(), 'Write a Review')]"));
action.moveToElement(top, 0, inc).contextClick().perform();
Thread.sleep(200);
a = driver.findElement(By.xpath("//*[contains(@class, 'wh-rating-choices')]"));
if (a.getAttribute("style").contains("block") {
aa = driver.findElement(By.xpath("//*[contains(@class, 'wh-rating-choices-holder')]"));
bb = aa.findElement(By.xpath(".//*[contains(text(), '5')]"));
action.moveToElement(bb).perform();
break;
}
inc++;
}
System.out.println(bb.getAttribute("outerHTML"));
Thread.sleep(200)
可能过高了,可以尝试更低的值,比如50或20。
PS。您可能需要先关闭包含class="af-icon-cross"
的弹出窗口
发布于 2018-10-20 23:34:45
看起来你们很亲近。您需要为带有class="hover"
的<a>
元素引入可单击的WebDriverWait,您可以使用以下解决方案:
WebElement rating_holder = driver.findElement(By.xpath("//div[@class='wh-rating-choices']"));
((JavascriptExecutor)driver).executeScript("arguments[0].removeAttribute('style')", rating_holder)
List<WebElement> allStars = new WebDriverWait(driver, 20).until(ExpectedConditions.visibilityOfAllElementsLocatedBy(By.xpath("//div[@class='wh-rating-choices']/div[@class='wh-rating-choices-holder']//a")));
System.out.println("<<<<<<<<<<<<------List of all stars, size------------>>>>>>>>>>"+allStars.size());
for (WebElement e : allStars) {
if(e.getAttribute("innerHTML").contains("5"))
{
new Actions(driver).moveToElement(e).build().perform();
new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@class='wh-rating-choices-holder']//a[@class='hover']"))).click();
}
}
发布于 2018-10-21 03:06:08
你的代码的问题是,你正在寻找在你悬停之前就已经有' hover‘类的A
标记。正如你所说的,' hover‘类直到悬停发生后才会被添加。因此,您需要更改初始定位器,使其不包含“hover”类。
我更喜欢使用CSS选择器而不是XPath,除非需要XPath (通过包含的文本或DOM遍历查找元素)。你可以在谷歌上搜索更多信息。这是经过测试的代码。
// find all A tags inside the containing DIV
List<WebElement> stars = driver.findElements(By.cssSelector("div.wh-rating-choices-holder > a"));
// loop through each element and hover
Actions action = new Actions(driver);
for (WebElement e : stars)
{
action.moveToElement(e).perform();
}
// after all the hovering is done, fetch the same elements but expect that they will now contain the 'hover' class
stars = driver.findElements(By.cssSelector("div.wh-rating-choices-holder > a.hover"));
// Assert (TestNG) that there are 5 stars that were hovered
Assert.assertEquals(stars.size(), 5, "Verify 5 elements were hovered");
// click the 5th star
stars.get(4).click();
https://stackoverflow.com/questions/52906949
复制相似问题