Comment Selenium 4 peut-il simplifier l'interaction avec les éléments Shadow DOM ?

Automatisation des éléments Shadow DOM dans Selenium Java

Malgré l'abondance de pages Web utilisant des éléments DOM shadow-root à plusieurs niveaux, interagissant avec eux via Selenium findElement s'est avéré un défi. Les méthodes traditionnelles telles que Deep CSS et JS Executor sont devenues inefficaces ou encombrantes.

Selenium 4 présente la méthode getShadowRoot()

Une percée significative a eu lieu avec Selenium version 4, introduisant la Méthode WebElement.getShadowRoot(). Cette méthode fournit un moyen transparent de naviguer dans les éléments shadow DOM. Voici un exemple de code :

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

Cet extrait navigue à travers un élément parent avec l'ID "parentId", saisit sa racine fantôme, localise un élément label dans la racine fantôme et sélectionne enfin l'élément d'entrée à l'intérieur de celui-ci. label.

Il est important de noter qu’une fois à l’intérieur d’une racine fantôme, les options de navigation deviennent limitées. Pour Chrome, seuls By.cssSelector() et By.className() sont pris en charge, tandis que By.id() et By.tagName() peuvent entraîner une org.openqa.selenium.InvalidArgumentException.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!