Question

我正在尝试验证文字“提供的信息无效或不完整”。在Java中使用Selenium / WebDriver显示。

我有以下HTML：

<div id="validationError">
    <ul>
        <li>Required: Server Name</li>
        <li>Required: Receiving Port</li>
    </ul>
</div>

使用以下CSS代码：

#validationError:before {
    content: 'The information provided is either invalid or incomplete.';
}

这是我目前的java代码：

WebElement errorBox = browser.findElement(By.id("validationError"));
Assert.assertNotNull("Could not find validation errors", errorBox);

System.out.println("Error Explanation: " + error.getCssValue("content") + "\n");

List<WebElement> errorList = errorBox.findElements(By.tagName("li"));
for (WebElement error : errorList) {
    System.out.println("Error: " + error.getText());
}

System.out.println("\nError Full Text: " + errorBox.getText());

这是我输出的上述代码：

Error Explanation:

Error: Required: Server Name
Error: Required: Receiving Port

Error Full Text: Required: Server Name
Required: Receiving Port

我似乎无法找到验证文字的方法“所提供的信息无效或不完整。”被展示。在Web元素上调用getText()也不会返回预期的字符串，但会在该div中显示任何其他普通文本。有什么想法吗？

Answer 1

我不能100％确定WebDriver是否可以为您检索伪元素内容。我想你需要使用Javascript。下面的作品，我测试过。

String script = "return window.getComputedStyle(document.querySelector('#validationError'),':before').getPropertyValue('content')";
JavascriptExecutor js = (JavascriptExecutor)driver;
String content = (String) js.executeScript(script);
System.out.println(content);

这应该打印

The information provided is either invalid or incomplete.

Answer 2

尝试相同，对我有用。

创建的示例html文件：

<!DOCTYPE html>
<html>
<head>
<style>
 p::after { 
  content: " - Remember this";
}
</style>
</head>
<body>

<p id='b'>My name is Donald</p>
<p>I live in Ducksburg</p>

</body>
</html>

重用Nilesh的代码

    String script  = "return window.getComputedStyle(document.querySelector('p#b'), ':after').getPropertyValue('content')";
    JavascriptExecutor js = (JavascriptExecutor) UIKeyWords.getUIDriver();
    String contentValue = (String) js.executeScript(script);
    System.out.println(contentValue);

Answer 3

嗯..所有webdriver需要的只是一个有效的xpath来找到dom上的web元素。并且有很多方法来确定有效的Xpath。

我们也可以使用像

这样的代币

后裔::
子::
祖先::
包含::

示例：// div [* / text（）=＆＃39;信用卡＆＃39;] /后代::输入[@id =＆＃39; cardNumber＆＃39;]

您可以参考此site以获取有关如何在xpath中使用这些内容的更多信息。

Selenium WebDriver从CSS属性获取文本＆＃34;内容＆＃34;在a :: before伪元素上

3 个答案: