Comment gérer les formulaires Web dynamiques à l'aide de Selenium WebDriver en Java ?

La gestion des formulaires Web dynamiques est souvent l'un des plus grands obstacles dans les tests d'automatisation Web, utilisez Selenium WebDriver pour automatiser efficacement les navigateurs. Malgré son ensemble de fonctionnalités puissantes pour interagir avec les éléments du site Web, la gestion des tables dynamiques nécessite des techniques supplémentaires afin d'extraire et de localiser efficacement les données. Dans ce cas, Java fournit diverses méthodes pour aider à gérer les tables dynamiques de manière transparente ;

Grâce à l'adaptabilité et aux fonctionnalités de Selenium WebDriver en Java, les testeurs sont capables d'utiliser efficacement des tableaux Web dynamiques en automatisant les interactions entre les cellules ou les lignes de manière efficace et précise. Dans ce didacticiel, nous aborderons les stratégies et les meilleures pratiques pour travailler avec des tables dynamiques à l'aide de Selenium WebDriver ; en particulier, comment naviguer efficacement et avec précision dans les tables dynamiques via Selenium WebDriver.

Pilote Web Selenium

Selenium WebDriver est une bibliothèque Java de plus en plus populaire conçue pour automatiser les navigateurs Web. Avec une API puissante pour interagir avec les éléments du site Web, effectuer des actions et obtenir des informations à partir des pages, Selenium WebDriver fournit une solution puissante pour automatiser les sessions de navigateur.

Pour utiliser Java avec Selenium WebDriver, vous devez d'abord assembler l'exécutable du pilote approprié pour chaque navigateur Web (Chrome/Firefox, etc.) et ajouter la dépendance Selenium à votre projet.

Une fois la configuration terminée, vous pouvez créer une instance de l'interface WebDriver et lancer une fenêtre de navigateur Web. À partir de là, vous pouvez accéder à différentes URL à l'aide de méthodes telles que findElement() et sendKeys() et effectuer des actions telles que cliquer, soumettre un formulaire ou extraire des données.

WebDriver driver = new ChromeDriver();

Méthode

Voici quelques façons de gérer les formulaires Web dynamiques en Java à l'aide de Selenium WebDriver.

• Utilisez XPath

Utiliser les sélecteurs CSS

Méthode 1 : Utiliser XPath

XPath est un langage élégant et puissant pour rechercher des éléments dans des documents XML, y compris des sites Web. XPath est particulièrement utile lorsque vous travaillez avec des formulaires Web dynamiques à l'aide de Selenium WebDriver et Java.

Pour traiter efficacement les formulaires Web dynamiques, commencez par examiner leur structure et identifier les propriétés ou modèles individuels qui peuvent servir de blocs de construction pour les expressions XPath. En utilisant des fonctions telles que position(), contain() ou start-with(), vous pouvez gérer les changements de lignes ou de colonnes et vous adapter aux différentes pages Web.

Une fois votre expression XPath terminée, WebDriver fournit les méthodes findElement() ou findElements(), qui utilisent l'expression comme localisateur et permettent une interaction efficace avec son contenu

Algorithme

• Localisez et identifiez la structure et les éléments des formulaires web dynamiques auxquels vous souhaitez accéder.

• Recherchez tous les attributs ou modèles uniques qui peuvent aider à créer une expression XPath pour localiser l'élément souhaité.

• Créez des expressions XPath basées sur des attributs ou des modèles identifiés.

• Instancier une instance WebDriver et accédez au site Web hébergeant la table dynamique.

• Utilisez la méthode findElements() de WebDriver et transmettez l'expression XPath comme localisateur

• Récupérer les éléments correspondant à une expression XPath sous forme de liste

• La navigation dans une liste d'éléments permet à l'utilisateur d'accéder aux données requises ou d'effectuer l'action souhaitée.

• Gérez toutes les exceptions ou erreurs qui se produisent tout au long du processus

• Lorsque vous avez fini d'utiliser les formulaires Web dynamiques, fermez WebDriver pour fermer

Exemple

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

public class DynamicWebTableExample {
   public static void main(String[] args) {
      // Set up ChromeDriver path
      System.setProperty("webdriver.chrome.driver", "path/to/chromedriver");

      // Create ChromeDriver instance
      WebDriver driver = new ChromeDriver();

      // Open the webpage
      driver.get("https://www.techlistic.com/2017/02/automate-demo-web-table-with-selenium.html");

      // Locate the table element
      WebElement table = driver.findElement(By.xpath (//*[@id="post-body-1325137018292710854"]/div[1]/div[1]/div[5]/table/thead/tr/th[1]"));

      // Find all rows in the table
      List<WebElement> rows = table.findElements(By.xpath(".//tr"));

      // Iterate through each row and print cell values
      for (WebElement row : rows) {
         List<WebElement> cells = row.findElements(By.xpath(".//td"));
         for (WebElement cell : cells) {
            String cellText = cell.getText();
            System.out.println(cellText);
         }
      }

      // Close the browser
      driver.quit();
   }
}

Veuillez noter que « chemin/vers/chromedriver » doit être remplacé par l'emplacement réel de l'exécutable ChromeDriver sur votre système.

Sortie

Structure
Country
City
Height
Built	
Rank
…
Burj Khalifa	
UAE	
Dubai	
829m	
2010	
1	
Clock Tower Hotel	
Saudi Arabia	
Mecca	
601m	
2012	
2	
Taipei 
101	
Taiwan	
Taipei	
509m	
2004	
3	
Financial Center	
China	
Shanghai	
492m	
2008	
4	

Comment utiliser les sélecteurs CSS

Les sélecteurs CSS offrent un moyen efficace de localiser rapidement des éléments lorsque vous travaillez avec des formulaires Web dynamiques à l'aide de Selenium WebDriver et Java. En observant attentivement la structure du tableau, vous pouvez identifier des attributs ou des modèles spécifiques qui peuvent être ciblés à l'aide de sélecteurs CSS, tels que les noms de classe, les types d'éléments ou les valeurs d'attribut peuvent tous être utiles ! pour un accès facile aux éléments.

La méthode findElement() ou findElements() de WebDriver fournit un moyen efficace de rechercher des éléments dans des tableaux Web dynamiques en passant des sélecteurs CSS comme éléments de localisation et vous permet d'interagir efficacement avec les éléments requis.

Algorithme

• Utilisez des sélecteurs CSS pour cibler des attributs ou des modèles uniques dans les structures de tables Web dynamiques.

• Créez des sélecteurs CSS basés sur des propriétés ou des modèles identifiés.

• Initialisez WebDriver et accédez au site Web avec des formulaires Web dynamiques.

• Utilisez la méthode findElements() de WebDriver et utilisez les sélecteurs CSS comme localisateurs pour utiliser sa fonctionnalité findElements()

• Récupérez une liste d'éléments correspondant à un sélecteur CSS aussi rapidement et efficacement que possible

• Parcourez la liste des éléments pour accéder aux informations dont vous avez besoin ou effectuer les étapes dont vous avez besoin

• Gérez toutes les exceptions ou erreurs qui se produisent au cours du processus

• 完成动态网页表格的工作后，关闭WebDriver。

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

public class DynamicWebTableExample {
   public static void main(String[] args) {
      // Set up ChromeDriver path
      System.setProperty("webdriver.chrome.driver", "path/to/chromedriver");

      // Create ChromeDriver instance
      WebDriver driver = new ChromeDriver();

      // Open the webpage
      driver.get("https://www.techlistic.com/2017/02/automate-demo-web-table-with-selenium.html");

      // Locate the table element
      WebElement table = driver.findElement(By.cssSelector("tsc_table_s13"));

      // Find all rows in the table
      List<WebElement> rows = table.findElements(By.cssSelector("tr"));

      // Iterate through each row and print cell values
      for (WebElement row : rows) {
         List<WebElement> cells = row.findElements(By.cssSelector("td"));
         for (WebElement cell : cells) {
            String cellText = cell.getText();
            System.out.println(cellText);
         }
      }

      // Close the browser
      driver.quit();
   }
}

输出

Structure
Country
City
Height
Built	
Rank
…
Burj Khalifa	
UAE	
Dubai	
829m	
2010	
1	
Clock Tower Hotel	
Saudi Arabia	
Mecca	
601m	
2012	
2	
Taipei 
101	
Taiwan	
Taipei	
509m	
2004	
3	
Financial Center	
China	
Shanghai	
492m	
2008	
4

结论

在本教程中，我们已经看到，在Java中使用Selenium WebDriver管理动态Web表格是Web自动化和数据提取任务中的关键技能。通过使用XPath或CSS选择器等定位器，开发人员可以快速定位表格元素，并有效地导航行和列以提取相关数据。

动态网页表格使得能够高效处理大量的信息，并根据特定条件采取适当的行动，提取有价值的数据以供进一步分析、存储或验证。通过正确理解和执行Java中的Selenium WebDriver，开发人员能够在使用Selenium WebDriver自动化各种工作流程时有效地处理动态表格-通过Selenium WebDriver自动化数据驱动的工作流程

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!