Skip to main content

Perform Headless Browser Testing On Cloud Selenium Grid

Performing automated tests on the Headless browsers can be challenging as it does not contain any UI. LambdaTest now allows you to perform Headless browser testing easily on its cloud-based Selenium Grid. In this document, you will learn how to enable and perform Headless browser testing on the LambdaTest platform.

Enabling The Headless Browser Testing On LambdaTest#

For Headless browser testing on LambdaTest, you need to enable the desired capability of Headless browsing – ‘headless’. You can enable this capability using any one of the two methods mentioned below:

Enable Headless Browser Testing On Desired Capabilities Generator#

Visit the Desired Capabilities Generator. Under the Browser Specific Capabilties, you can find a toggle button to enable Headless browsing. Just switch the button to true.

Image

Enable Headless Browser Testing Via Code#

While writing the desired capabilities in your code, you can enable Headless browser testing, by adding the below syntax:

capabilities.setCapability("headless",true);

Below is the complete code for a sample desired capabilities in various languages:

Java

DesiredCapabilities capabilities = new DesiredCapabilities();capabilities.setCapability("browser", "Chrome");capabilities.setCapability("version", "86");capabilities.setCapability("platform", "MacOS Catalina");capabilities.setCapability("build", "your build name");capabilities.setCapability("name", "your test name");
// Capability setting to enable Headless browser testingcaps.setCapability("headless",true);

C#

DesiredCapabilities capabilities = new DesiredCapabilities();capabilities.SetCapability("user","username")capabilities.SetCapability("accessKey","access_key")capabilities.SetCapability("build", "your build name");capabilities.SetCapability("name", "your test name");capabilities.SetCapability("platform", "MacOS Catalina");capabilities.SetCapability("browserName", "Chrome");capabilities.SetCapability("version","86.0");
// Capability setting to enable Headless browser testingcapabilities.setCapability("headless",true);

PHP

$capabilities = array(        "build" => "your build name",        "name" => "your test name",        "platform" => "MacOS Catalina",        "browserName" => "Chrome",        "version" => "86.0",
        "headless" => true        )

Ruby

capabilities = Selenium::WebDriver::Remote::Capabilities.newcapabilities["build"] = "your build name"capabilities["name"] = "your test name"capabilities["platform"] = "MacOS Catalina"capabilities["browserName"] = "Chrome"capabilities["version"] = "86.0",
capabilities["headless"] = true

JavaScript

var capabilities = {        "build" : "your build name",        "name" : "your test name",        "platform" : "MacOS Catalina",        "browserName" : "Chrome",        "version" : "86.0",
        "headless" : true    }

Python

capabilities = {        "build" : "your build name",        "name" : "your test name",        "platform" : "MacOS Catalina",        "browserName" : "Chrome",        "version" : "86.0",
        "headless" : True    }

Perform Headless Browser Testing on LambdaTest#

Below is a example to perform Headless browser testing. For demo purpose, we have used TestNG framework of Java language.

package com.lambdatest;
import java.net.MalformedURLException;import java.net.URL;import org.openqa.selenium.By;import org.openqa.selenium.remote.DesiredCapabilities;import org.openqa.selenium.remote.RemoteWebDriver;import org.testng.Assert;import org.testng.annotations.AfterSuite;import org.testng.annotations.BeforeSuite;import org.testng.annotations.Test;
public class HeadlessAutomation {
    private static RemoteWebDriver driver;    private static String Status="failed";
    @BeforeSuite    public void setup() throws MalformedURLException {
        try {            String username = System.getenv("LT_USERNAME");            String authkey = System.getenv("LT_ACCESS_KEY");            String hub = "@hub.lambdatest.com/wd/hub";
            DesiredCapabilities caps = new DesiredCapabilities();            caps.setCapability("browser", "Chrome");            caps.setCapability("version", "86");            caps.setCapability("platform", "MacOS Catalina");            caps.setCapability("build", "Headless Automation");            caps.setCapability("name", "Headless Automation");            caps.setCapability("network", true);            caps.setCapability("visual", true);             caps.setCapability("video", true);            caps.setCapability("console", true);
            // Capability setting to enable Headless browsing            caps.setCapability("headless",true);

            System.out.println("Desired Caps: " + caps);            driver = new RemoteWebDriver(new URL("https://" + username + ":" + authkey + hub), caps);        }        catch(Exception e)        {            System.out.println(e);        }    }

    @Test    public static void testAssertion() {
        try {            driver.get("https://opensource-demo.orangehrmlive.com/"); //define the url
            String pageTitle = driver.getTitle();       //get the title of the webpage            System.out.println("The title of this page is ===> " +pageTitle);            Assert.assertEquals("OrangeHRM", pageTitle);    //verify the title of the webpage
            driver.findElement(By.id("txtUsername")).clear();//clear the input field before entering any value            driver.findElement(By.id("txtUsername")).sendKeys("Admin");//enter the value of username            driver.findElement(By.id("txtPassword")).clear();            driver.findElement(By.id("txtPassword")).sendKeys("admin123");//enter the value of password            driver.findElement(By.id("btnLogin")).click();      //click Login button            System.out.println("Successfully logged in");            Status = "passed";        }        catch(Exception e)        {            Status = "failed";        }    }
    @AfterSuite    public void tearDown() {        driver.executeScript("lambda-status=" + Status);        driver.quit();    }
}

Upon executing the above code, the test will run on your LambdaTest successfully. You can view the status of the test on your Automation dashboard.

Image

Thats it folks! If you have any doubt or questions, feel free to contact our experts at 24/7 Customer chat support or mail us at [email protected]. Happy testing! 🙂

Last updated on