Maison > interface Web > tutoriel HTML > le corps du texte

Comment styliser l'affichage des éléments HTML dans les tests Selenium ?

WBOY
Libérer: 2023-09-08 10:01:04
avant
1266 Les gens l'ont consulté

Comment styliser laffichage des éléments HTML dans les tests Selenium ?

Nous pouvons utiliser Selenium webdriver pour définir le style d'affichage des éléments HTML. Le DOM interagit avec les éléments de la page à l'aide de Javascript. Selenium exécute les commandes Javascript via la méthode executeScript. La commande à exécuter est passée à la méthode en paramètre.

Certaines opérations (telles que la définition de l'affichage du style) sont effectuées par Javascript Executor. La méthode getElementById peut être utilisée pour localiser des éléments. Ensuite, nous devons appliquer la méthode style.display sur le webelement et définir le type d'affichage.

Syntaxe

executor.executeScript
("document.getElementById('gsc-i-id1').style.display='block';");
Copier après la connexion

Exemple

Implémentation du code.

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.JavascriptExecutor;
public class ElementStyleSet{
   public static void main(String[] args) {
      System.setProperty("webdriver.chrome.driver", "C:\Users\ghs6kor\Desktop\Java\chromedriver.exe");
      WebDriver driver = new ChromeDriver();
      driver.get("https://www.tutorialspoint.com/index.htm");
      driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
      // Javascript executor class with executeScript method
      JavascriptExecutor j = (JavascriptExecutor) driver;
      // set the display with style.display method
      j.executeScript ("document.getElementById('gsc-i-id1').style.display='block';");
      driver.close()
   }
}
Copier après la connexion

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!

Étiquettes associées:
source:tutorialspoint.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal