Selenium 4 如何有效率地自動化 Shadow DOM 元素？

克服 DOM 障礙：在 Selenium 中自動化 Shadow DOM 元素

尋找自動化 Shadow DOM 元素的方法可能是 Selenium 使用者的痛點。 Shadow DOM 是一種從主 DOM 樹中隱藏網頁部分的方法，建立一個單獨的、封裝的 DOM 樹。這可能會使自動化工作變得複雜，因為像 findElement() 這樣的傳統 Selenium 方法可能無法存取這些元素。

嘗試過但失敗的解決方案：

對抗針對這個問題，開發者嘗試了多種解決方案，包括：

• Deep CSS：雖然過去有效，但深層CSS 選擇器不再適用於最新的Chrome 瀏覽器。
• JS Executor：手動執行用於元素操作的JavaScript 程式碼維護起來很乏味且複雜.

硒4解決方案：

幸運的是，Selenium 4引入了一個解決方案：WebElement.getShadowRoot() 方法。此方法允許開發人員存取元素的影子根，從而使其能夠與其子元素進行互動。

範例：

driver.findElement(By.id("parentId")).getShadowRoot().findElement(By.cssSelector("label")).findElement(By.tagName("input"));

限制：

而getShadowRoot()解決了存取shadow DOM的問題元素，它具有一定的限制。具體來說，影子根中不支援 By.id() 和 By.tagName() 定位器，而 By.cssSelector() 和 By.className() 可以使用。

結論：

Selenium 4 的WebElement.getShadowRoot() 方法提供了一種方便高效的方法來自動化影子DOM 元素，消除了需要複雜的解決方法。借助此工具，開發人員現在可以自信地與這些隱藏元素進行交互，從而釋放其自動化測試套件的全部潛力。

以上是Selenium 4 如何有效率地自動化 Shadow DOM 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！