I'm struggling to figure out why I can't set an object value to a specific variable in Nightwatch.js

Question

I'm struggling to figure out why I can't set an object value to a specific variable in Nightwatch.js

Currently, I am in the process of creating a test script using Nightwatch.js. Before clicking on an element, I am extracting the text within it and isolating the value field to assign it to an externally declared variable. However, I am encountering an issue where the value is not being assigned within the callback function.

Here is the snippet of code that I am working with:

var meeting = "";

module.exports = {
    'step 1: open event page': function (browser) {
        browser
            .url('http://example.com')
            .waitForElementVisible('.navigation-list-item:nth-of-type(2)', 20000)
            .getText('.navigation-view > .list-container > .navigation-list-item:nth-of-type(2) > a > .list-content > .list-body', function (location) {
                meeting = location.value;
            })
            .pause(3000)
            .click('.navigation-view > .list-container > .navigation-list-item:nth-of-type(2) > a > .list-content > .list-body')
            .pause(3000)
            .assert.containsText('.ncb__title', meeting);
    }
}

I would greatly appreciate any assistance or insights on this matter. Thank you!

NOTE: The actual URL of the site under testing has been excluded for confidentiality reasons.

javascript nightwatch.js

Answer 1

Answer №1

Have you checked if your value is being assigned properly? Try printing the meeting variable after assigning it in the callback function. Give this a shot:

.getText('.navigation-view > .list-container > .navigation-list-item:nth-of-type(2) > a > .list-content > .list-body', function (location) {
                   meeting = location.value;
                  console.log(meeting);

            })

If the value is being printed, then that may not be the issue. Since I'm new to JS and not sure of the reason, here's a workaround that worked for me:

.url(function(){
    this.assert.containsText('.ncb__title', meeting)
  })

I hope this solution helps you out.

Answer 2

Have you checked if your value is being assigned properly? Try printing the meeting variable after assigning it in the callback function. Give this a shot:

.getText('.navigation-view > .list-container > .navigation-list-item:nth-of-type(2) > a > .list-content > .list-body', function (location) {
                   meeting = location.value;
                  console.log(meeting);

            })

If the value is being printed, then that may not be the issue. Since I'm new to JS and not sure of the reason, here's a workaround that worked for me:

.url(function(){
    this.assert.containsText('.ncb__title', meeting)
  })

I hope this solution helps you out.

Answer 3

Answer №2

The issue at hand arises from Nightwatch operating asynchronously. As a result, by the time you reach the callback where you set the getText value, Nightwatch has already progressed to the step where you are utilizing it to verify the outcome.

To tackle this problem, it is advisable to use steps to clearly separate these actions.

For instance:

// At the beginning of your test, declare your variable globally
var myTestVar = 'foo';

module.exports = {
    // While navigating in an isolated step isn't mandatory, 
    // it ensures that all other operations come after navigation.
    'Step One: Visit the page': function (browser) {
        browser
          .url('http://example.com')
          .pause(2000);
    },

    'Step Two: Retrieve information': function (browser) {
        browser.getText('@element', function(result) {
            // Set the value of the result within the callback function
            // Assuming the text of @element is 'bar' for this test
            myTestVar = result.value;
        });
        // Due to nightwatch's asynchronous execution, this will display 'foo'
        console.log(myTestVar);
    },

    'Step Three: Display the result': function (browser) {
        // This section will only execute once Step Two is finished
        // Thus, it will display 'bar'
        console.log(myTestVar);
    };

Answer 4

The issue at hand arises from Nightwatch operating asynchronously. As a result, by the time you reach the callback where you set the getText value, Nightwatch has already progressed to the step where you are utilizing it to verify the outcome.

To tackle this problem, it is advisable to use steps to clearly separate these actions.

For instance:

// At the beginning of your test, declare your variable globally
var myTestVar = 'foo';

module.exports = {
    // While navigating in an isolated step isn't mandatory, 
    // it ensures that all other operations come after navigation.
    'Step One: Visit the page': function (browser) {
        browser
          .url('http://example.com')
          .pause(2000);
    },

    'Step Two: Retrieve information': function (browser) {
        browser.getText('@element', function(result) {
            // Set the value of the result within the callback function
            // Assuming the text of @element is 'bar' for this test
            myTestVar = result.value;
        });
        // Due to nightwatch's asynchronous execution, this will display 'foo'
        console.log(myTestVar);
    },

    'Step Three: Display the result': function (browser) {
        // This section will only execute once Step Two is finished
        // Thus, it will display 'bar'
        console.log(myTestVar);
    };

I'm struggling to figure out why I can't set an object value to a specific variable in Nightwatch.js

Answer №1

Answer №2

Similar questions

Objects being collected as arrays of arrays in garbage collection

"What might be causing the error 'cannot access property 'top' of undefined' while trying to read

The <a> tag does not lead to a different webpage and cannot be clicked on

How can parameters be implemented in Angular similar to NodeJs Express style?

When trying to run the "npm start" command, I encountered a syntax error that specifically mentioned the use of

Tips for choosing a loaded element using the jQuery load() method

Transferring information from a Jade file to a Node.js server

Does Vuejs emit an event when a specific tab becomes active in boostrap-vue?

Is it possible to create a unique texture transition effect in three.js?

The screen-responsive navigation bar is experiencing functionality issues

Running a function in NodeJS and sending a response to the client: A step-by-step guide

Exploring Portals in ThreeJs

Oops! SAPUI5 is encountering an issue with reading property '0' of undefined

Pass data as json from javascript to php

Creating Pop-up Dialog Boxes in WebForms Using jQuery

Transforming DayOfYear data in Javascript to utilize with Flot

error message: "The mtlLoader Module does not have the export named 'MTLLoader'"

Can we determine if a user's operating system has disabled animations?

Having trouble connecting to the Brewery API, could use some guidance from the experts (Novice)

Looping through a sequence of asynchronous tasks, utilizing the async/await syntax, writing data to