End-to-end Testing with WebdriverJS, Selenium, and Jasmine

Question

End-to-end Testing with WebdriverJS, Selenium, and Jasmine

After trying multiple examples with slight variations in the code, I am still unable to get it to work as expected. The code below consists of commented sections that claim to work but do not in my case.

The tools I am using include: - selenium-webdriver - jasmine-node-reporter-fix (to resolve jasmine-node errors)

This involves a simple asynchronous test where Google is opened and searched, followed by retrieving the page title.

Issue; The page title returned is from the Google homepage rather than the search results page, even though the browser ends up on the search results page.

Code

var webdriver = require('selenium-webdriver');

var driver = new webdriver.Builder().
    withCapabilities(webdriver.Capabilities.firefox()).
    build();

jasmine.DEFAULT_TIMEOUT_INTERVAL = 9999999;

describe('basic test', function () {

    it('should be on correct page', function (done) {
        //driver.get('http://www.wingify.com');
        //driver.getTitle().then(function (title) {
        //  expect(title).toBe('Wingify');
        //  // Jasmine waits for the done callback to be called before proceeding to next specification.
        //  done();
        //});


        driver.get("http://www.google.com");
        driver.findElement(webdriver.By.name("q")).sendKeys("webdriver");
        driver.findElement(webdriver.By.name("btnG")).click();
        //driver.getTitle().then(function (title) {
        //  console.log(title);
        //  console.log(expect);
        //  expect(title).toBe('webdriver - Google Search');
        //  done();
        //});
        driver.wait(function () {
            driver.getTitle().then(function (title) {
                expect(title).toBe('webdriver - Google Search');
                done();
            });
        }, 5000);

    });
});

Result

Failures:

  1) basic test should be on correct page
   Message:
     Expected 'Google' to be 'webdriver - Google Search'.
   Stacktrace:
     Error: Expected 'Google' to be 'webdriver - Google Search'.
    at C:\Stash\Will-Hancock\grunt-jasmine\spec\test-spec.js:31:19
    at C:\Stash\Will-Hancock\grunt-jasmine\node_modules\selenium-webdriver\lib\goog\base.js:1243:15
    at webdriver.promise.ControlFlow.runInNewFrame_ (C:\Stash\Will-Hancock\grunt-jasmine\node_modules\selenium-webdriver\lib\webdriver\promise.js:1539
:20)
    at notify (C:\Stash\Will-Hancock\grunt-jasmine\node_modules\selenium-webdriver\lib\webdriver\promise.js:362:12)
    at notifyAll (C:\Stash\Will-Hancock\grunt-jasmine\node_modules\selenium-webdriver\lib\webdriver\promise.js:331:7)
    at resolve (C:\Stash\Will-Hancock\grunt-jasmine\node_modules\selenium-webdriver\lib\webdriver\promise.js:309:7)
    at fulfill (C:\Stash\Will-Hancock\grunt-jasmine\node_modules\selenium-webdriver\lib\webdriver\promise.js:429:5)
    at Object.webdriver.promise.asap (C:\Stash\Will-Hancock\grunt-jasmine\node_modules\selenium-webdriver\lib\webdriver\promise.js:671:5)

Finished in 4.281 seconds
1 test, 1 assertion, 1 failure, 0 skipped

Despite suggestions to extend the jasmine timeout or utilize the Jasmine done() method, the issue persists.

I am puzzled about why the wait function does not delay as expected. Results are generated instantly regardless of the provided timeout value.

javascript selenium selenium-webdriver jasmine integration-testing

Answer 1

Answer №1

Check out this helpful response - "The internal function will generate a promise that driver.wait will be waiting for and will consider its boolean value as the waiting condition"

The recommended modification is -

driver.wait(function () {
            return driver.getTitle().then(function (title) {
                return title === 'Selenium - Google Search';
            });
        }, 5000);

Answer 2

Check out this helpful response - "The internal function will generate a promise that driver.wait will be waiting for and will consider its boolean value as the waiting condition"

The recommended modification is -

driver.wait(function () {
            return driver.getTitle().then(function (title) {
                return title === 'Selenium - Google Search';
            });
        }, 5000);

Answer 3

Answer №2

Having faced an issue, the previous approach did not allow Jasmine to wait for the page to load before asserting using driver.wait.

Jasmine would complete before driver.wait was able to return.

To address this, I opted to utilize Jasmine's waitsFor() method instead.

var webdriver = require('selenium-webdriver');

var driver = new webdriver.Builder().
    withCapabilities(webdriver.Capabilities.chrome()).
    build();

describe('basic test', function () {

    it('should navigate to correct page', function () {
        var expectedTitle = 'webdriver - Google Search',
            pageTitle = '';

        driver.get("http://www.google.com");
        driver.findElement(webdriver.By.name("q")).sendKeys("webdriver");
        driver.findElement(webdriver.By.name("btnG")).click();

        // wait for the page title to ensure navigation is complete
        waitsFor(function () {
            driver.getTitle().then(function (_pageTitle) {
                pageTitle = _pageTitle;
            });
            return pageTitle === expectedTitle;
        }, 'Checking page title for successful navigation', 6000);

        // check if the title matches the expected value
        runs(function () {
            expect(pageTitle).toEqual(expectedTitle);
        });
    });
});

Answer 4

Having faced an issue, the previous approach did not allow Jasmine to wait for the page to load before asserting using driver.wait.

Jasmine would complete before driver.wait was able to return.

To address this, I opted to utilize Jasmine's waitsFor() method instead.

var webdriver = require('selenium-webdriver');

var driver = new webdriver.Builder().
    withCapabilities(webdriver.Capabilities.chrome()).
    build();

describe('basic test', function () {

    it('should navigate to correct page', function () {
        var expectedTitle = 'webdriver - Google Search',
            pageTitle = '';

        driver.get("http://www.google.com");
        driver.findElement(webdriver.By.name("q")).sendKeys("webdriver");
        driver.findElement(webdriver.By.name("btnG")).click();

        // wait for the page title to ensure navigation is complete
        waitsFor(function () {
            driver.getTitle().then(function (_pageTitle) {
                pageTitle = _pageTitle;
            });
            return pageTitle === expectedTitle;
        }, 'Checking page title for successful navigation', 6000);

        // check if the title matches the expected value
        runs(function () {
            expect(pageTitle).toEqual(expectedTitle);
        });
    });
});

Answer 5

Answer №3

As mentioned in your response, the issue stemmed from not allowing enough time for the page to fully load. I find the method name for driver.wait somewhat misleading as it suggests waiting for a specific duration before proceeding, which is not accurate. The wait function serves as a timeout only if the promise does not resolve. For actual waiting, you should utilize driver.sleep(1000) and then set your expectations as illustrated below:

driver.sleep(1000).then(function () {
   return driver.getTitle().then(function (title) {
       expect(title).toBe('webdriver - Google Search');
       done();
   });
});

(Given that you were utilizing done in your query, I assume Jasmine 2.0 and done)

I trust this clarifies things for you.

Answer 6

As mentioned in your response, the issue stemmed from not allowing enough time for the page to fully load. I find the method name for driver.wait somewhat misleading as it suggests waiting for a specific duration before proceeding, which is not accurate. The wait function serves as a timeout only if the promise does not resolve. For actual waiting, you should utilize driver.sleep(1000) and then set your expectations as illustrated below:

driver.sleep(1000).then(function () {
   return driver.getTitle().then(function (title) {
       expect(title).toBe('webdriver - Google Search');
       done();
   });
});

(Given that you were utilizing done in your query, I assume Jasmine 2.0 and done)

I trust this clarifies things for you.

End-to-end Testing with WebdriverJS, Selenium, and Jasmine

Answer №1

Answer №2

Answer №3

Similar questions

Tips for passing parameters in an AJAX request

Using Selenium WebDriver to manage dynamic ckEditors

Obtain the dropdown menu links for every row in a table using Python3 along with Selenium

Error in React JS: TypeError - Attempting to extend a class with an undefined value, which is not a

Having difficulty retrieving items from an array of objects

Extracting Data from JSON Structures

Tips on saving extracted information into separate lists

Finding the identifier of a dynamically generated text input using PHP

The CSS animation spills out of the div container

Determining if an element is empty in C#

What could be causing the AngularUI bootstrap datepicker to not appear?

step-by-step guide on implementing autocomplete using google.maps.places.autocomplete in ExtJS

Upon initiating a second user session, NodeJS yields contrasting MySQL outcomes

Certain images are not being retrieved by Express on Linux, although they are functioning properly on Windows

Tips for concealing a div when the mouse is moved off it?

retrieve the item that contains a vacant array within a specific record

Retrieve the values from input elements that have been created dynamically

Is there a jQuery/JavaScript alternative to each() specifically designed for handling a single element?

What is the process to transfer data from JavaScript to HTML within a Laravel environment?

Having trouble with Silverlight running JavaScript?