En aquest tema, aprendrem com executar JavaScript directament des de Selenium WebDriver. Aquesta habilitat és especialment útil quan necessitem interactuar amb elements web que no són fàcilment accessibles mitjançant els mètodes estàndard de Selenium o quan volem manipular el DOM directament.

Per què executar JavaScript amb Selenium?

  • Interacció amb elements complexos: Alguns elements web poden no ser accessibles mitjançant els mètodes tradicionals de Selenium. JavaScript pot ajudar a interactuar amb aquests elements.
  • Manipulació del DOM: Podem modificar el Document Object Model (DOM) directament per provar diferents escenaris.
  • Obtenir informació addicional: JavaScript pot extreure informació que no és directament accessible a través de Selenium.
  • Simulació d'esdeveniments: Podem simular esdeveniments com clics, canvis de valor, etc., que poden ser difícils d'aconseguir amb Selenium.

Com executar JavaScript amb Selenium

Selenium WebDriver proporciona una interfície anomenada JavascriptExecutor que ens permet executar codi JavaScript. A continuació, es mostra com utilitzar aquesta interfície.

Exemple de codi

import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

public class ExecuteJavaScriptExample {
    public static void main(String[] args) {
        // Configuració del WebDriver
        System.setProperty("webdriver.chrome.driver", "ruta/al/teu/chromedriver");
        WebDriver driver = new ChromeDriver();

        // Navegar a una pàgina web
        driver.get("https://www.example.com");

        // Crear una instància de JavascriptExecutor
        JavascriptExecutor js = (JavascriptExecutor) driver;

        // Executar un script JavaScript
        String title = (String) js.executeScript("return document.title;");
        System.out.println("El títol de la pàgina és: " + title);

        // Tancar el navegador
        driver.quit();
    }
}

Explicació del codi

  1. Configuració del WebDriver: Inicialitzem el WebDriver per al navegador Chrome.
  2. Navegació a una pàgina web: Utilitzem el mètode get per obrir una pàgina web.
  3. Creació de JavascriptExecutor: Convertim el nostre WebDriver a JavascriptExecutor.
  4. Execució de JavaScript: Utilitzem el mètode executeScript per executar un script JavaScript que retorna el títol de la pàgina.
  5. Impressió del resultat: Mostrem el títol de la pàgina a la consola.
  6. Tancament del navegador: Finalment, tanquem el navegador.

Exercici Pràctic

Objectiu: Utilitzar JavascriptExecutor per canviar el color de fons d'un element web.

Instruccions

  1. Navega a una pàgina web de la teva elecció.
  2. Identifica un element web al qual vulguis canviar el color de fons.
  3. Utilitza JavascriptExecutor per canviar el color de fons de l'element.

Solució

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

public class ChangeBackgroundColor {
    public static void main(String[] args) {
        // Configuració del WebDriver
        System.setProperty("webdriver.chrome.driver", "ruta/al/teu/chromedriver");
        WebDriver driver = new ChromeDriver();

        // Navegar a una pàgina web
        driver.get("https://www.example.com");

        // Localitzar l'element
        WebElement element = driver.findElement(By.id("element-id"));

        // Crear una instància de JavascriptExecutor
        JavascriptExecutor js = (JavascriptExecutor) driver;

        // Canviar el color de fons de l'element
        js.executeScript("arguments[0].style.backgroundColor = 'yellow'", element);

        // Tancar el navegador
        driver.quit();
    }
}

Explicació de la Solució

  • Localització de l'element: Utilitzem findElement per localitzar l'element pel seu ID.
  • Execució de JavaScript: Utilitzem executeScript per canviar el color de fons de l'element a groc.

Conclusió

L'execució de JavaScript amb Selenium és una tècnica poderosa que pot ajudar a superar limitacions en la interacció amb elements web. Hem après com utilitzar JavascriptExecutor per executar scripts JavaScript i manipular el DOM directament. Aquesta habilitat és essencial per a la resolució de problemes complexos en l'automatització de proves. En el següent tema, explorarem com treballar amb cookies utilitzant Selenium.

Automatització de Proves amb Selenium

Mòdul 1: Introducció a l'Automatització de Proves

Mòdul 2: Començant amb Selenium

Mòdul 3: Localització d'Elements Web

Mòdul 4: Interacció amb Elements Web

Mòdul 5: Sincronització en Selenium

Mòdul 6: Marc de Proves i Selenium

Mòdul 7: Conceptes Avançats de Selenium

Mòdul 8: Selenium Grid i Proves en Paral·lel

Mòdul 9: Integració Contínua i Selenium

Mòdul 10: Millors Pràctiques i Resolució de Problemes

© Copyright 2024. Tots els drets reservats