Selenium學習五——Java獲取SVG元素

最近有個項目做網頁自動化測試，遇到了SVG元素定位的問題，總共算三個問題，記錄一下。

問題一：SVG元素定位

String xpath = "//.../*[name()='svg']";
String text = driver.findElement(xpath).getText();  //通過getText()獲取到svg下面所有的Text
String[] text = text.split("\n");  //通過split劃分

問題二：Firefox獲取svg元素和Chrome方式不一致

Chrome可以通過上面的方法獲取到所有svg的text，但是Firefox獲取到的Text沒有\n，無法劃分。只能尋找另外的方式獲取。

String xpath = "//.../*[name()='svg']";

List<WebElement> eles = driver.findElements(xpath+"/*[name()='path']");  //得到svg下面所有path元素
System.out.println(eles.size());
for(int i = 0; i < eles.size(); ++i) {
   String ss = eles.get(i).getText();
   System.out.println(ss);
}

通過findElements獲取到svg下一層path的所有WebElement，for循環獲取每個element的text。

問題三：Chrome查找svg元素有時候查的到，有時候查不到

因爲延時，利用WebDriverWait類findElements

protected static List findElements(String locator){

    WebDriverWait wait = new WebDriverWait(getWebDriver(), 10);

    List elements = wait.until(ExpectedConditions.presenceOfAllElementsLocatedBy(getBy(locator)));

    return elements;

}

• SVG下面的元素全部需要通過"/*[name()='']"的形式獲取
• 運用好Debug工具！！！