JavaScriptExecutor i Selenium WebDriver (eksempel)

⚡ Smart opsummering

JavaScriptExecutor i Selenium WebDriver kører JavaScript i browseren, når locators ikke fungerer. LessOns dækker eksempler på executeScript, executeAsyncScript, rulning, klik, alarmer og formularinput.

  • 🇧🇷 Løser grænser: Omgår skjulte elementer og JavaSider med mange manuskripter.
  • 🧩 To metoder: executeScript kører synkronisering; executeAsyncScript håndterer asynkronisering via callback.
  • 📜 Rul: Rul vinduet, hop til koordinater, eller rul et element ind i visningen.
  • 🖱️ Skjulte klik: Udløserklik() på elementer, som WebDriver ikke kan nå.
  • 📝 Formularkontrol: Indsæt værdier og læs tekst fra vanskelige elementer.
  • 🤖 AI-snippets: AI-værktøjer genererer JavaScriptExecutor-kode og ret ustabile selektorer.

JavaScriptExecutor i Selenium

Hvad er JavaScriptExecutor?

JavaScriptExecutor er en grænseflade, der hjælper med at udføre JavaScript igennem Selenium Webdriver. JavaScriptExecutor giver to metoder "executescript" og "executeAsyncScript" til at køre javascript på det valgte vindue eller den aktuelle side.

JavaScriptExecutor

Hvorfor har vi brug for JavaScriptExecutor?

In Selenium Webdriver, locatorer som XPath, CSS osv. bruges til at identificere og udføre operationer på en webside.

Hvis disse lokatorer ikke virker, kan du bruge JavaScriptExecutor. Du kan bruge JavaScriptExecutor til at udføre en ønsket handling på et webelement.

Selenium understøtter javaScriptExecutor. Der er ikke behov for et ekstra plugin eller tilføjelse. Du skal bare importere (org.openqa.selenium.JavascriptExecutor) i scriptet, som skal bruges JavaScriptExecutor.

JavaScriptExecutor-metoder i Selenium

executeScript

Denne metode udføres JavaScript i sammenhæng med den aktuelt valgte ramme eller vindue i Selenium. Scriptet, der bruges i denne metode, kører i brødteksten af ​​en anonym funktion (en funktion uden navn). Vi kan også sende komplicerede argumenter til det.

Scriptet kan returnere værdier. De returnerede datatyper er

  • Boolesk
  • Lang
  • String
  • Liste
  • WebElement.

JavascriptEksekutør syntaks:

JavascriptExecutor js = (JavascriptExecutor) driver;  
js.executeScript(Script,Arguments);
  • Script - Dette er JavaScript, der skal udføres.
  • argumenter – Det er argumenterne til manuskriptet. Det er valgfrit.

eksekver AsyncScript

Med asynkront script gengives din side hurtigere. I stedet for at tvinge brugerne til at vente på, at et script downloades, før siden gengives. Denne funktion vil udføre et asynkront stykke af JavaScript i sammenhæng med den aktuelt valgte ramme eller vindue i Selenium. Den således udførte JS er enkelttrådet med en forskellig tilbagekaldsfunktion, som kører synkront.

Brugsvejledning JavaScriptExecutor i Selenium

Her er en trin-for-trin proces om, hvordan du bruger JavaScriptExecutor i Selenium:

Trin 1) Importer pakken.

import org.openqa.selenium.JavascriptExecutor;

Trin 2) Opret en reference.

JavascriptExecutor js = (JavascriptExecutor) driver;

Trin 3) Ring til JavascriptEksekutør metode.

js.executeScript(script, args);

Eksempel på Klik på et element ved hjælp af JavaScripExecutor i Selenium

For executeScript vil vi se tre forskellige eksempler et efter et.

1) Eksempel: Klik på en knap for at logge ind og generere advarselsvindue vha JavaScriptExecutor.

I dette scenarie vil vi bruge "Guru99” demoside til illustration JavaScriptExecutor. I dette eksempel,

Klik på en knap for at logge ind og generere advarselsvindue ved hjælp af JavaScriptExecutor

  • Vis advarselsvindue ved vellykket login.
import org.openqa.selenium.By;		
import org.openqa.selenium.JavascriptExecutor;		
import org.openqa.selenium.WebDriver;		
import org.openqa.selenium.WebElement;		
import org.openqa.selenium.firefox.FirefoxDriver;		
import org.testng.annotations.Test;		
    		
public class JavaSE_Test {				


    @Test		
    public void Login() 					
    {		
        WebDriver driver= new FirefoxDriver();			
        		
        //Creating the JavascriptExecutor interface object by Type casting		
        JavascriptExecutor js = (JavascriptExecutor)driver;		
        		
        //Launching the Site.		
        driver.get("https://demo.guru99.com/V4/");			
        		
        WebElement button =driver.findElement(By.name("btnLogin"));			
        		
        //Login to Guru99 		
        driver.findElement(By.name("uid")).sendKeys("mngr34926");					
        driver.findElement(By.name("password")).sendKeys("amUpenu");					
        		
        //Perform Click on LOGIN button using JavascriptExecutor		
        js.executeScript("arguments[0].click();", button);
                                
        //To generate Alert window using JavascriptExecutor. Display the alert message 			
        js.executeScript("alert('Welcome to Guru99');");   
    		
    }		
}

Output: Når koden er eksekveret med succes. Du vil observere

  • Vellykket klik på login-knappen og
  • Advarselsvindue vil blive vist (se billedet nedenfor).

Klik på en knap for at logge ind og generere advarselsvindue ved hjælp af JavaScriptExecutor

2) Eksempel: Hent skrabedata og naviger til forskellige sider ved hjælp af JavaScriptExecutor.

Udfør nedenstående selenscript. I dette eksempel,

  • Start stedet
  • Hent oplysninger om webstedet som f.eks. URL af webstedet, titelnavn og domænenavn på webstedet.
  • Naviger derefter til en anden side.
import org.openqa.selenium.JavascriptExecutor;		
import org.openqa.selenium.WebDriver;		
import org.openqa.selenium.firefox.FirefoxDriver;		
import org.testng.annotations.Test;		
    		
public class JavaSE_Test {				

    @Test		
    public void Login() 					
    {		
        WebDriver driver= new FirefoxDriver();			
        		
        //Creating the JavascriptExecutor interface object by Type casting		
        JavascriptExecutor js = (JavascriptExecutor)driver;		
        		
        //Launching the Site.		
        driver.get("https://demo.guru99.com/V4/");
			
        //Fetching the Domain Name of the site. Tostring() change object to name.		
        String DomainName = js.executeScript("">return document.domain;").toString();			
        System.out.println("Domain name of the site = "+DomainName);					
          		
        //Fetching the URL of the site. Tostring() change object to name		
        String url = js.executeScript("">return document.URL;").toString();			
        System.out.println("URL of the site = "+url);					
          		
       //Method document.title fetch the Title name of the site. Tostring() change object to name		
       String TitleName = js.executeScript("">return document.title;").toString();			
       System.out.println("Title of the page = "+TitleName);					

        		
      //Navigate to new Page i.e to generate access page. (launch new url)		
      js.executeScript("window.location = 'https://demo.guru99.com/'");			
    }		
}

Output: Når ovenstående kode er eksekveret med succes, vil den hente detaljerne på webstedet og navigere til en anden side som vist nedenfor.

Optag skrabe data og naviger til forskellige sider ved hjælp af JavaScriptExecutor

[TestNG] Running:		
  C:\Users\gauravn\AppData\Local\Temp\testng-eclipse-467151014\testng-customsuite.xml		

log4j:WARN No appenders could be found for logger (org.apache.http.client.protocol.RequestAddCookies).		
log4j:WARN Please initialize the log4j system properly.		
log4j:WARN See http://logging.apache.org/log4j/1.2/faq.html#noconfig for more info.		
Domain name of the site = demo.guru99.com		
URL of the site = https://demo.guru99.com/V4/		
Title of the page = Guru99 Bank Home Page		
PASSED: Login		

===============================================		
    Default test		
    Tests run: 1, Failures: 0, Skips: 0
===============================================

Optag skrabe data og naviger til forskellige sider ved hjælp af JavaScriptExecutor

3) Eksempel: Rul ned vha JavaScriptExecutor.

Udfør nedenstående selenscript. I dette eksempel,

  • Start stedet
  • Rul ned med 600 pixel
import org.openqa.selenium.JavascriptExecutor;		
import org.openqa.selenium.WebDriver;		
import org.openqa.selenium.firefox.FirefoxDriver;		
import org.testng.annotations.Test;		
    		
public class JavaSE_Test {				

    @Test		
    public void Login() 					
    {		
        WebDriver driver= new FirefoxDriver();			
        		
        //Creating the JavascriptExecutor interface object by Type casting		
        JavascriptExecutor js = (JavascriptExecutor)driver;		
        		
        //Launching the Site.		
        driver.get("http://moneyboats.com/");			
     
        //Maximize window		
        driver.manage().window().maximize();		
        		
        //Vertical scroll down by 600  pixels		
        js.executeScript("window.scrollBy(0,600)");			
    }		
}

Produktion: Når ovenstående kode udføres, vil den rulle ned med 600 pixels (se billedet nedenfor).

Rul ned ved hjælp af JavaScriptExecutor

Eksempel på executeAsyncScript i Selenium

Brug af executeAsyncScript hjælper med at forbedre ydeevnen af ​​din test. Det tillader skrivetest mere som en normal kodning.

ExecSync blokerer for yderligere handlinger, der udføres af Selenium browser, men execAsync blokerer ikke handling. Det vil sende et tilbagekald til serversiden Test suite, når scriptet er færdigt. Det betyder, at alt inde i scriptet vil blive udført af browseren og ikke serveren.

Eksempel 1: Udførelse af en dvale i browseren under test.

I dette scenarie vil vi bruge "Guru99” demoside til illustration af executeAsyncScript. I dette eksempel vil du

Trin 1) Indfang starttidspunktet, før du venter i 5 sekunder (5000 millisekunder) ved at bruge executeAsyncScript()-metoden.

Trin 2) Brug derefter executeAsyncScript() til at vente 5 sekunder.

Trin 3) Få derefter det aktuelle tidspunkt.

Trin 4) Undertract (aktuel tid – starttidspunkt) = forløbet tid.

Trin 5) Bekræft outputtet, det skal vise mere end 5000 millisekunder

import java.util.concurrent.TimeUnit;		

import org.openqa.selenium.JavascriptExecutor;		
import org.openqa.selenium.WebDriver;		
import org.openqa.selenium.firefox.FirefoxDriver;		
import org.testng.annotations.Test;		
    		
public class JavaSE_Test {				

    @Test		
    public void Login() 					
    {		
        		
        WebDriver driver= new FirefoxDriver();			

        //Creating the JavascriptExecutor interface object by Type casting		
        JavascriptExecutor js = (JavascriptExecutor)driver;		
        		
        //Launching the Site.		
        driver.get("https://demo.guru99.com/V4/");			
     
          //Maximize window		
          driver.manage().window().maximize();		
        		
          //Set the Script Timeout to 20 seconds		
          driver.manage().timeouts().setScriptTimeout(20, TimeUnit.SECONDS);			
             
          //Declare and set the start time		
          long start_time = System.currentTimeMillis();			
                   
          //Call executeAsyncScript() method to wait for 5 seconds		
          js.executeAsyncScript("window.setTimeout(arguments[arguments.length - 1], 5000);");			
          		
         //Get the difference (currentTime - startTime)  of times.		
         System.out.println("Passed time: " + (System.currentTimeMillis() - start_time));					
                    		
    }		
}			

Output: Viste den passerede tid mere end 5 sekunder (5000 millisekunder) som vist nedenfor:

[TestNG] Running:		
C:\Users\gauravn\AppData\Local\Temp\testng-eclipse-387352559\testng-customsuite.xml		
log4j:WARN No appenders could be found for logger (org.apache.http.client.protocol.RequestAddCookies).		
log4j:WARN Please initialize the log4j system properly.		
log4j:WARN See http://logging.apache.org/log4j/1.2/faq.html#noconfig for more info.		
Passed time: 5022		
PASSED: Login		

===============================================		
    Default test		
    Tests run: 1, Failures: 0, Skips: 0		
===============================================

Ofte Stillede Spørgsmål

Når locators fejler, eksponeres WebDriver ikke for skjulte elementer, rulning eller DOM-adgang.

Ja. Copilot genererer snippets, foreslår scrollmønstre og omstrukturerer ustabile tests.

Ja. Testim og Mabl auto-heal selektorer og tilføj JavaScript-fallbacks.

executeScript er synkroniseret. executeAsyncScript fuldføres via callback for async-kode.

Kald js.executeScript("arguments[0].scrollIntoView(true);", element).

Brug den kun, når WebDriver-kommandoer fejler, eller DOM-manipulation er nødvendig.

Nej. Den kan tilsidesætte window.alert før den udløses. Brug Alert API til native dialoger.

Cast executeScript-resultatet, f.eks. String t = (String) js.executeScript("return document.title;");.

Opsummer dette indlæg med: