java - 重新查找 WebElement 哪个类在单击事件中被删除

Question

我有一个类为 a 的元素。所以，在 Selenium 代码中，我得到了这个:

WebElement element = driver.findElement(By.cssSelector(".a"));

然后我用 element.click(); 点击它。单击事件从元素中删除类 a - 这正是我要执行的测试用例。

所以，现在我想询问元素是否已经拥有这个类:

element.getAttribute("class").contains("a");

但这不起作用，因为 WebElement 试图通过给定的选择器再次找到该元素，这对我来说并不清楚。我认为一旦找到 WebElement，就会在整个范围内进行内部复制。但显然，每次在代码中调用它时，它都会调用链接选择器。

那么，我怎样才能更持久地检索元素呢？如何避免在每次调用时刷新 WebElement 以跟踪已选元素的更改？

当然，我可以使用 DOM、父级或列表 ID 来变通。但我真的想避免这种情况，因为我不想在我的测试代码中获取太多有关 DOM 结构的信息。这就是我添加类和 ID 的原因。

---

编辑: 添加日志输出:

WebElement element = driver.findElement(By.cssSelector(".a"));

1564042692783   webdriver::server   DEBUG   -> POST /session/2d7cce7d-bd10-4814-b619-b4c8dc212fac/elements {"value":".a","using":"css selector"}
1564042692787   Marionette  TRACE   0 -> [0,10,"WebDriver:FindElements",{"using":"css selector","value":".a"}]
1564042692793   Marionette  TRACE   0 <- [1,10,null,[{"element-6066-11e4-a52e-4f735466cecf":"517f4e9c-5d09-4fe0-8c34-4d8c153a9c4a","ELEMENT":"517f4e9c-5d09-4fe0-8c34-4d8c153a9c4a"}]]
1564042692794   webdriver::server   DEBUG   <- 200 OK {"value":[{"element-6066-11e4-a52e-4f735466cecf":"517f4e9c-5d09-4fe0-8c34-4d8c153a9c4a"}]}

如您所见，接收到的元素是517f4e9c-5d09-4fe0-8c34-4d8c153a9c4a。

element.click();

1564042703055   webdriver::server   DEBUG   -> POST /session/2d7cce7d-bd10-4814-b619-b4c8dc212fac/elements {"value":".a","using":"css selector"}
1564042703058   Marionette  TRACE   0 -> [0,11,"WebDriver:FindElements",{"using":"css selector","value":".a"}]
1564042703065   Marionette  TRACE   0 <- [1,11,null,[{"element-6066-11e4-a52e-4f735466cecf":"517f4e9c-5d09-4fe0-8c34-4d8c153a9c4a","ELEMENT":"517f4e9c-5d09-4fe0-8c34-4d8c153a9c4a"}]]
1564042703066   webdriver::server   DEBUG   <- 200 OK {"value":[{"element-6066-11e4-a52e-4f735466cecf":"517f4e9c-5d09-4fe0-8c34-4d8c153a9c4a"}]}
1564042703142   webdriver::server   DEBUG   -> POST /session/2d7cce7d-bd10-4814-b619-b4c8dc212fac/element/517f4e9c-5d09-4fe0-8c34-4d8c153a9c4a/click {"id":"517f4e9c-5d09-4fe0-8c34-4d8c153a9c4a"}
1564042703145   Marionette  TRACE   0 -> [0,12,"WebDriver:ElementClick",{"id":"517f4e9c-5d09-4fe0-8c34-4d8c153a9c4a"}]
1564042703380   Marionette  DEBUG   Canceled page load listener because no navigation has been detected
1564042703382   Marionette  TRACE   0 <- [1,12,null,{}]
1564042703384   webdriver::server   DEBUG   <- 200 OK {"value":null}

现在检查:

element.getAttribute("class");

1564042714064   webdriver::server   DEBUG   -> POST /session/2d7cce7d-bd10-4814-b619-b4c8dc212fac/elements {"value":".a","using":"css selector"}
1564042714067   Marionette  TRACE   0 -> [0,13,"WebDriver:FindElements",{"using":"css selector","value":".a"}]
1564042714070   Marionette  TRACE   0 <- [1,13,null,[]]
1564042714071   webdriver::server   DEBUG   <- 200 OK {"value":[]}

如您所见，现在没有返回任何元素。

---

编辑:评估@RahulL 的解决方案后(这似乎有效；在点击执行时不再记录 WebDriver:FindElements 调用 - 与我的日志形成对比) 我认为问题出在包装我的 Selenium 的 Aquillian Graphene 实现中的某个地方。 findElement() 调用不直接调用 Selenium 类。这就是我添加这些标签的原因。它可能与发现问题有关。

因此，类定义:

import static org.junit.Assert.assertFalse;

import org.jboss.arquillian.container.test.api.RunAsClient;
import org.jboss.arquillian.drone.api.annotation.Drone;
import org.jboss.arquillian.junit.Arquillian;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;

@RunWith(Arquillian.class)
@RunAsClient
public class MyTests {

    @Drone
    WebDriver driver;

    @Test
    public void test_removeClassFromElement() {
        driver.navigate().refresh();
        driver.get("my.application");

        WebElement element = driver.findElement(By.className("a"))
        element.click();

        assertFalse(
            element .getAttribute("class").contains("a")
        );
    }
}

和arquillian.xml:

<?xml version="1.0" encoding="UTF-8"?>
<arquillian xmlns="http://jboss.org/schema/arquillian"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://jboss.org/schema/arquillian
        http://jboss.org/schema/arquillian/arquillian_1_0.xsd">

    <extension qualifier="webdriver">
        <property name="browser">firefox</property>
        <property name="firefoxLogLevel">FINEST</property>
    </extension>

</arquillian>

Answer 1

在 JAVA 绑定(bind) + Firefox 驱动程序中测试了您的方案。点击remove the 'mystyle' from div 可以得到没有'mystyle'的属性类

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
  box-sizing: border-box;
}
</style>
</head>
<body>

<p>Click the "Try it" button to toggle between adding and removing the "mystyle" class name of the DIV element:</p>



<div id="myDIV" onclick="myFunction()" class="mystyle">
This is a DIV element.

</div>

<script>
function myFunction() {
   var element = document.getElementById("myDIV");
   element.classList.remove("mystyle");
}
</script>

</body>
</html>

Java代码:

         WebElement element = driver.findElement(By.className("mystyle"));
         element.click();
         System.out.println(element.getAttribute("class"));

启用 FirefoxDriverLogLevel.TRACE 。 WebDriver 日志

1. 查找元素

   WebElement element = driver.findElement(By.className("mystyle"));

   webdriver::server   DEBUG   -> POST /session/81662ee0-1195-4ff3-8687-667f3607ea89/element {
     "value": ".mystyle",
     "using": "css selector"
   }
   

2. 得到元素

   webdriver::server DEBUG <- 200 OK {"value":{"element-6066-11e4-a52e-4f735466cecf":"c15725f8-89f9-4fec-af08-be1b9487defe"}}

3. 现在点击元素

   元素.点击();

   webdriver::server   DEBUG   -> POST /session/81662ee0-1195-4ff3-8687-667f3607ea89/element/c15725f8-89f9-4fec-af08-be1b9487defe/click {
     "id": "c15725f8-89f9-4fec-af08-be1b9487defe" }
   

4. 现在发送'getAttribute'

   element.getAttribute("类")

   webdriver::server DEBUG -> POST/session/81662ee0-1195-4ff3-8687-667f3607ea89/execute/sync { "script": "这里 selenium 发送 getAttribute 脚本", “参数”:[ { “element-6066-11e4-a52e-4f735466cecf”:“c15725f8-89f9-4fec-af08-be1b9487defe” }, “类(class)” ]

5 响应:

webdriver::server   DEBUG   <- 200 OK {"value":""}

得到类的值为 ""。 “.mystyle”不存在

从上面的日志中，一旦使用 Selenium 找到元素并将其分配给“元素”，它就不会再次发送发布请求来查找元素。 c15725f8-89f9-4fec-af08-be1b9487defe 在点击和 getAttribute 中保持不变。 (网络驱动程序协议(protocol))

如果您在 JAVA 绑定(bind)中使用 @FindBy 注释，那么 Selenium 将在使用代理的每个操作中一次又一次地尝试查找该元素。这将在大多数情况下避免 staleelemnt 异常。

为了避免不稳定并更持久地检索元素，您需要使用不会更改的属性。