如何辨識具有多個類別名稱的Web元素？

識別具有多個類別名稱的Web 元素

在Web 開發中，識別具有特定屬性的Web 元素對於有效的測試自動化至關重要。然而，具有多個類別名稱的元素帶來了獨特的挑戰，因為 Selenium @FindBy 註解不支援 className 屬性中的空格分隔值。

替代解決方案

XPath

XPath 提供了一個強大的替代方法來識別具有多個類別名稱的元素。透過利用 contains 函數，您可以以任意順序匹配包含指定類別名稱的元素。例如：

driver.findElement(By.xpath("//div[contains(@class, 'value')] and contains(@class, 'test')]"));

此 XPath 表達式將符合任何

。同時具有值類別和測試類別的元素，無論它們在類別屬性中的位置如何。

CSS 選擇器

CSS 選擇器也提供了一種靈活的方式來選擇元素多個類別名稱。 * 通配符可用於匹配任何包含特定字串的類別名稱。例如：

driver.findElement(By.cssSelector("div[class*='value test']"));

此 CSS 選擇器會選擇任何

其 class 屬性同時包含 value 和 test 任意組合的元素。

自訂定位器

如果XPath 和CSS 選擇器都無法提供令人滿意的解決方案，您可以建立自訂定位器實作Selenium SearchContext 介面的類。這允許您根據自訂標準定義自己的元素識別邏輯。

結論

透過利用 XPath、CSS 選擇器或自訂定位器，您可以有效地識別 Web具有多個類別名稱的元素。每種方法都有其自身的優點和局限性，因此選擇正確的方法取決於您的測試自動化框架的特定要求。

以上是如何辨識具有多個類別名稱的Web元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！