Getting Started - Selenium Javascript + Mocha

Follow this guide for a basic example of running a test with Selenium's Javascript bindings (selenium-webdriver NPM module). For our example we will use a simple script that opens https://www.google.com.

Start by signing up and creating a new test case using the New Test Case button on the dashboard.

Enter the test case name (e.g. Selenium Demo) and press Next.

Scenario

Select Selenium as the scenario type.

Selenium Scenario

Let's use the following settings:

  1. Bindings: Selenium Javascript.
  2. Framework: Mocha. Choose "None" if you don't want to use Mocha test syntax and prefer to just provide a Node.js script.
  3. Source: Upload Files + Credit/Edit. We can also connect our scenario to version control, but for now let's just create the files in the browser.

General Settings

To run Mocha we need to define a test specification and a package.json file that controls which dependencies are required.

For our test spec we will use the one that Testable auto-generates as an example:

const webdriver = require('selenium-webdriver');
const util = require('util');
const fs = require('fs');
const writeFile = util.promisify(fs.writeFile);
const path = require('path');
const { expect } = require('chai');

async function takeScreenshot(driver, file){
  let image = await driver.takeScreenshot();
  await writeFile(file, image, 'base64');
}

describe('DefaultTest', () => {
    let driver = new webdriver.Builder()
        .withCapabilities(webdriver.Capabilities.chrome())
        .build();

    it('should go to google.com and check title', async () => {
        await driver.get('https://www.google.com');
        await takeScreenshot(driver, path.join(process.env.OUTPUT_DIR || '.', 'HomePage.png'));
        const title = await driver.getTitle();
        expect(title).to.equal('Google');
    });

    after(async () => driver.quit());
});

Our basic examples does the following:

  1. Loads https://www.google.com in Chrome
  2. Saves a screenshot to the output directory monitored by Testable with the name HomePage.png.
  3. Assert that the title of the page is Google

And that's it, we've now defined our scenario! To try it out before configuring a load test click the Smoke Test button in the upper right and watch Testable execute the scenario 1 time as 1 user.

Click on the Configuration tab or press the Next button at the bottom to move to the next step.

Configuration

Now that we have the scenario for our test case we need to define a few parameters before we can execute our test:

  1. Test Type: We select Load so that we can simulate multiple users as part of our test.
  2. Concurrent Users Per Location: Number of users that will execute in parallel in each region selected. Each user will execute the scenario.
  3. Test Length: Select Iterations to have each client execute the scenario a set number of times regardless of how long it takes. Choose Duration if you want each client to continue executing the scenario for a set amount of time (in minutes).
  4. Location(s): Choose the location in which to run your test and the test runner source that indicates which test runners to use in that location to run the load test (e.g. on the public shared grid).

And that's it! Press Start Test and watch the results start to flow in. See the new configuration guide for full details of all configuration options.

For the sake of this example, let's use the following parameters:

Test Configuration

View Results

Once the test starts executing, Testable will distribute the work out to the selected test runners (e.g. Public Shared Grid in AWS N. Virginia).

Test Results

In each region, the test runners execute 3 concurrent Mocha tests (i.e. 3 concurrent users) for 2 minute. If the protractor test takes less than two minutes, it will sleep for 10 seconds and then run the test again until more than 2 minutes has passed.

The results will include screenshots, assertions, traces, performance metrics, logging, breakdown by URL, analysis, comparison against previous test runs, and more.

Check out the Selenium guide for more details on running your Mocha scripts on the Testable platform.

We also offer integration (Settings -> Integration) with third party tools like New Relic. If you enable integration you can do more in depth analytics on your results there as well.

That's it! Go ahead and try these same steps with your own scripts and feel free to contact us with any questions.