NoSuchElementException - junit test error

Question

I am using selenium junit testing. If i try with selenium ide, the test goes well, but with junit it gives me this error:

org.openqa.selenium.NoSuchElementException: no such element: Unable to locate element: {"method":"css selector","selector":"#firstName"}

I think that the span doesn't redirect to the page it should (but in normal schedule it does).

@Test
  public void adminCreateDoc() {
    driver.get("http://localhost:8080/login");
    driver.manage().window().setSize(new Dimension(550, 706));
    driver.findElement(By.linkText("Accesso amministratori")).click();
    driver.findElement(By.id("username")).sendKeys("8245");
    driver.findElement(By.id("password")).click();
    driver.findElement(By.id("password")).sendKeys("prova1");
    driver.findElement(By.cssSelector(".btn")).click();
    driver.findElement(By.id("btn_createDoc")).click();
    driver.findElement(By.id("firstName")).click();
    driver.findElement(By.id("firstName")).sendKeys("Marco");
    driver.findElement(By.id("lastName")).click();
    driver.findElement(By.id("lastName")).sendKeys("Battiato");
    driver.findElement(By.id("doc_type")).click();
    driver.findElement(By.id("doc_type")).sendKeys("Cardiologo");
    driver.findElement(By.id("id")).click();
    driver.findElement(By.id("id")).sendKeys("855555");
    driver.findElement(By.id("password")).click();
    driver.findElement(By.id("password")).sendKeys("prova1");
    driver.findElement(By.cssSelector(".glyphicon-send")).click();
  }

I've tried with xpath, but without success...

HTML page with span redirection:


    
        
            Gestione dottori
            
                
                    ID
                    Nome
                    Specialità
                
                
                    
                    Dr.  
                    
                
            
            +

Which redirect to this page:


    
        
            
                
            
        
        

        
            
                
                    
                    
                        
                            
                                Doctor Creation Form
                            
                        
                    
                    


                    

                    
                        First Name
                        
                            
                                 
                            
                        
                    

                    

                    
                        Last Name
                        
                            
                                 
                            
                        
                    

                    
                        Type
                        
                            
                                 
                            
                        
                    

                    

                    
                        Id
                        
                            
                                 
                            
                        
                    

                    

                    
                        Password

Thank you for your time!

user_2386774 · Answer

The failure is happening on this line

driver.findElement(By.id("firstName")).click();

ID as a CSS selector is #firstName. Since this is right after a page transition, my guess is that the page isn't fully loaded before the next line of code is run. This can sometimes happen on a modern site where the page is loaded but there's still stuff being loaded asynchronously in the background. The fix is to add a wait, specifically a WebDriverWait, to the following line. That is one option...

Instead of adding a wait piecemeal when it's found that you need it, I prefer to write helper methods that take care of common actions like click(), sendKeys(), etc. and then let those methods take care of the specific waits for me.

public void click(By locator) {
    new WebDriverWait(driver, 10).until(ExpectedConditions.elementToBeClickable(locator)).click();
}

public void sendKeys(By locator, String text) {
    findElement(locator).sendKeys(text);
}

public WebElement findElement(By locator) {
    return new WebDriverWait(driver, 10).until(ExpectedConditions.visibilityOfElementLocated(locator));
}

Then you can change your script to

@Test
public void adminCreateDoc() {
    driver.get("http://localhost:8080/login");
    driver.manage().window().setSize(new Dimension(550, 706));
    click(By.linkText("Accesso amministratori"));
    sendKeys(By.id("username"), "8245");
    sendKeys(By.id("password"), "prova1");
    click(By.cssSelector(".btn"));
    click(By.id("btn_createDoc"));
    sendKeys(By.id("firstName"), "Marco");
    sendKeys(By.id("lastName"), "Battiato");
    sendKeys(By.id("doc_type"), "Cardiologo");
    sendKeys(By.id("id"), "855555");
    sendKeys(By.id("password"), "prova1");
    click(By.cssSelector(".glyphicon-send"));
}

which I think makes it more readable, adds waits to everything in case it's needed with no extra code, and so on...

The next level is using the Page Object Model to contain the locators and methods for each page. Then your code gets cleaned up significantly, makes it near-human readable, and MUCH easier to manage.

NoSuchElementException - junit test error

1 Answers