WD with Selenium – Running WD Automation Scripts on LambdaTest Selenium Grid

LambdaTest Selenium Automation Grid is a cloud based scalable Selenium testing platform which enables you to run your automation scripts on 2000+ different browsers and operating systems. You can now run your JavaScript Selenium automated test cases on a scalable Selenium infrastructure that is running real browsers and real operating systems.

This post will help you in getting started with configuring and running your JavaScript based automation test scripts on LambdaTest Selenium cloud platform using WD. This topic will help you to:

Run a sample Selenium Webdriver test using JavaScript on LambdaTest Automation.
To comprehend and configure Selenium test suite with respect to your capabilities.
Selecting the specific browsers to run your test on.
Explore advanced features of LambdaTest.
To run your test cases in parallel to reduce build times.
To test your locally hosted pages.

Prerequisites For Running WD and Selenium

Before getting started with Automated Scripts using Selenium with WD on LambdaTest Automation, you need to:

The first step is to download and install node.js and node package manager or npm. You should be having nodejs v6 or newer. Click here to download.

TMake sure you have WD installed in your system, you can install it using the below command through npm:

Install WD through npm

npm install wd

1	npm install wd

Download Selenium JavaScript bindings from the official Selenium website.

DOnce you download the JavaScript bindings, extract the ZIP file which you’ve downloaded. After extracting the file, you need to add Selenium Java bindings which is a JAR file and all the dependent libraries to your classpath.

Installing Selenium Dependencies For Node.js

Next step is to install Selenium dependencies for Node.js using npm. Here’s the command to run:

npm i selenium-webdriver

1	npm i selenium-webdriver

Download Lambda Tunnel binary file if you wish to test your locally hosted or privately hosted projects.

Getting Started With WD and LambdaTest

Running WD test scripts on LambdaTest Selenium grid is as easy as changing a few lines of code. To start with, you would have to invoke Selenium remote webdriver instead of local browser webdriver. In addition, since we are using remote webdriver, we have to define which browser environment we want to run the test. We do that by passing browser environment details to LambdaTest Selenium grid via desired capabilities class. You can use LambdaTest Capabilities Generator to select & pass those browser environment specifications.

Let’s checkout sample WD code running LambdaTest Selenium grid. This is a simple WD automation script that test a sample to-do list app. The code marks two list items as done, add a list item and then finally give the total number of pending items as output.

You can also find this code at our GitHub repository for WD.

//single_test.js
module.exports = {
  name: 'Google\'s Search Functionality',
  run : function (browser) {
    return browser
      .get("https://www.google.com/ncr")
      .elementByName('q')
      .sendKeys('lambdatest\n')
      .sleep(5000)
      .title()
        .should.become('lambdatest - Google Search');
  }
};

//single_test.js

module.exports = {

name: 'Google\'s Search Functionality',

run : function (browser) {

return browser

.get("https://www.google.com/ncr")

.elementByName('q')

.sendKeys('lambdatest\n')

.sleep(5000)

.title()

.should.become('lambdatest - Google Search');

}

};

Below is the export.config file where we will be declaring the desired capabilities.

//single.conf.js
user= process.env.LT_USERNAME || "<your username>",
key=  process.env.LT_ACCESS_KEY || "<your accessKey>",
 
exports.config = {
 
  seleniumHost: 'hub.lambdatest.com',
  seleniumPort: 80,
 
  test: '../tests/single_test.js',
 
  capabilities: [{
    browserName: 'chrome',
    platform: 'win10',
    version: '67',
    name: "single-test",
    build: "WD Selenium Sample"
  }]
}

//single.conf.js

user= process.env.LT_USERNAME || "<your username>",

key= process.env.LT_ACCESS_KEY || "<your accessKey>",

exports.config = {

seleniumHost: 'hub.lambdatest.com',

seleniumPort: 80,

test: '../tests/single_test.js',

capabilities: [{

browserName: 'chrome',

platform: 'win10',

version: '67',

name: "single-test",

build: "WD Selenium Sample"

}]

}

Now, let’s create lambdatest.js.

//lambdatest.js
var chai = require("chai"),
    chaiAsPromised = require("chai-as-promised"),
    wd = require('wd'),
    colors = require('colors'),
    child_process = require('child_process')
 
chai.use(chaiAsPromised);
chai.should();
chaiAsPromised.transferPromiseness = wd.transferPromiseness;
 
wd.addPromiseChainMethod(
  'onQuit', function(done) {
    if(done) done();
    return this;
  }
);
 
function runOnlambdatest(caps, test, done){
  console.log("Starting Test: " + test.name.green + '\n');
  var browser = wd.promiseChainRemote(config.seleniumHost, config.seleniumPort, username, accessKey);
 
  // optional extra logging
  browser.on('status', function(info) {
    console.log(info.cyan);
  });
  browser.on('command', function(eventType, command, response) {
    console.log(' > ' + eventType.green, command, (response || '').grey);
  });
  browser.on('http', function(meth, path, data) {
    console.log(' > ' + meth.yellow, path, (data || '').grey);
  });
 
  test.run(browser.init(caps)).fin(function() { return browser.quit(); }).onQuit(done).done();
}
 
var config_file = process.argv[2] || 'conf.js'
var config = require(config_file).config;
var test = require(config.test);
 
var username = process.env.LT_USERNAME || config.user;
var accessKey = process.env.LT_ACCESS_KEY || config.key;
 
for(var i in config.capabilities){
  var caps = config.capabilities[i];
  if(caps["tunnel"]){
    console.log("Connecting local");
  }
  else {
    runOnlambdatest(caps, test);
  }
}

//lambdatest.js

var chai = require("chai"),

chaiAsPromised = require("chai-as-promised"),

wd = require('wd'),

colors = require('colors'),

child_process = require('child_process')

chai.use(chaiAsPromised);

chai.should();

chaiAsPromised.transferPromiseness = wd.transferPromiseness;

wd.addPromiseChainMethod(

'onQuit', function(done) {

if(done) done();

return this;

}

);

function runOnlambdatest(caps, test, done){

console.log("Starting Test: " + test.name.green + '\n');

var browser = wd.promiseChainRemote(config.seleniumHost, config.seleniumPort, username, accessKey);

// optional extra logging

browser.on('status', function(info) {

console.log(info.cyan);

});

browser.on('command', function(eventType, command, response) {

console.log(' > ' + eventType.green, command, (response || '').grey);

});

browser.on('http', function(meth, path, data) {

console.log(' > ' + meth.yellow, path, (data || '').grey);

});

test.run(browser.init(caps)).fin(function() { return browser.quit(); }).onQuit(done).done();

}

var config_file = process.argv[2] || 'conf.js'

var config = require(config_file).config;

var test = require(config.test);

var username = process.env.LT_USERNAME || config.user;

var accessKey = process.env.LT_ACCESS_KEY || config.key;

for(var i in config.capabilities){

var caps = config.capabilities[i];

if(caps["tunnel"]){

console.log("Connecting local");

}

else {

runOnlambdatest(caps, test);

}

Now, finally create package.json file.

//package.json

{
  "name": "wd-lambdatest-sample",
  "version": "0.1.0",
  "readme": "WD Integration with [lambdatest](https://www.lambdatest.com)",
  "description": "Selenium examples for WD and lambdatest Automate",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/lambdatest/wd-lambdatest-sample.git"
  },
  "keywords": [
    "wd",
    "lambdatest",
    "wd-lambdatest-sample",
    "webdriver",
    "selenium"
  ],
  "author": "lambdatest",
  "bugs": {
    "url": "https://github.com/lambdatest/wd-lambdatest-sample/issues"
  },
  "homepage": "https://github.com/lambdatest/wd-lambdatest-sample#readme",
  "scripts": {
    "test": "npm run single && npm run parallel",
    "single": "node scripts/lambdatest.js ../conf/single.conf.js",
    "parallel": "node scripts/lambdatest.js ../conf/parallel.conf.js"
  },
  "dependencies": {
    "chai": "^3.5.0",
    "chai-as-promised": "^5.2.0",
    "colors": "^1.1.2",
    "wd": "^1.11.1"
  }
}

{

"name": "wd-lambdatest-sample",

"version": "0.1.0",

"readme": "WD Integration with [lambdatest](https://www.lambdatest.com)",

"description": "Selenium examples for WD and lambdatest Automate",

"repository": {

"type": "git",

"url": "git+https://github.com/lambdatest/wd-lambdatest-sample.git"

"keywords": [

"wd",

"lambdatest",

"wd-lambdatest-sample",

"webdriver",

"selenium"

"author": "lambdatest",

"bugs": {

"url": "https://github.com/lambdatest/wd-lambdatest-sample/issues"

"homepage": "https://github.com/lambdatest/wd-lambdatest-sample#readme",

"scripts": {

"test": "npm run single && npm run parallel",

"single": "node scripts/lambdatest.js ../conf/single.conf.js",

"parallel": "node scripts/lambdatest.js ../conf/parallel.conf.js"

"dependencies": {

"chai": "^3.5.0",

"chai-as-promised": "^5.2.0",

"colors": "^1.1.2",

"wd": "^1.11.1"

}

The Selenium Webdriver test would open a URL, mark the first two items in the list as done, add an item in the list, and return the total number of pending item. Your results would be displayed on the test console (or command-line interface if you are using terminal/cmd) and on LambdaTest dashboard. LambdaTest Dashboard will help you view all your text logs, screenshots and video recording for your entire Selenium tests.

Execute The Test

You would need to execute the below command in your terminal/cmd.

Running First Test

npm install
npm run single

1 2	npm install npm run single