Sauce Labs encountering issues when running JavaScript code

Question

Sauce Labs encountering issues when running JavaScript code

Currently, I am using Selenium WebdriverJs along with Mocha to conduct tests on Sauce Labs via Travis CI. After isolating the issue without any project dependencies, I am seeking help.

The interesting observation is that defining an additional object with properties for visiting a URL and scrolling down within the test script itself works perfectly fine. You can find the link to the test script here.

If we set it up like this:

var eventPage = {                                                                                                                      

  init: function(webdriver) {                                                                                                          
    this.driver = webdriver;                                                                                                           
  },                                                                                                                                   

  visit: function(url) {                                                                                                               
    return this.driver.get(url);                                                                                                       
  },                                                                                                                                   

  scrollDown: function() {                                                                                                             
    function scroll() {                                                                                                                
      window.scrollTo(0, arguments[0]);                                                                                                
    }                                                                                                                                  
    return this.driver.executeScript(scroll, 800);                                                                                     
  }                                                                                                                                    
};     
var driver = // Initialize the selenium driver
eventPage.init(driver)
eventPage.visit('http://reddit.com')
eventPage.scrollDown().then(function() {
  console.log("This operates smoothly on Sauce Labs");
});

This setup performs well on Sauce Labs. The Travis build link is here, and the Sauce Build link is here.

However, when I create a file named eventPage.js and import it with all the above functions into the test script, it stops working. The link to that specific file is here, and the test script link is here.

module.exports = {                                                                                                                     

  init: function(webdriver) {                                                                                                          
    this.driver = webdriver;                                                                                                           
  },                                                                                                                                   

  visit: function(url) {                                                                                                               
    return this.driver.get(url);                                                                                                       
  },                                                                                                                                   

  scrollDown: function() {                                                                                                             
    function scroll() {                                                                                                                
      window.scrollTo(0, arguments[0]);                                                                                                
    }                                                                                                                                  
    return this.driver.executeScript(scroll, 800);                                                                                     
  }                                                                                                                                    
};

Subsequently, importing it into my test script yields an error,

var eventPage = src('path of the above file');
var driver = // Initialize the selenium driver
eventPage.init(driver) 
eventPage.visit('http://reddit.com');
eventPage.scrollDown().then(function() {
  console.log("This results in an error");
});

This error manifests on Sauce Labs. The failed build link on Travis CI is available here, while the corresponding Sauce Labs link is accessible here. Notably, both methods work flawlessly on my local machine. Any assistance would be greatly appreciated, as I have dedicated considerable time to resolve this issue. Thank you and have a pleasant day!

javascript selenium selenium-webdriver webdriver saucelabs

Answer 1

Answer №1

When working with modules, it's important to remember that they are cached and imported as class prototypes. This means that in order to prevent conflicts, you should create a new instance:

var EventPage = require('./EventPage.js');

var eventPage = Object.create(EventPage);
eventPage.init(driver) 
eventPage.visit('http://reddit.com');
eventPage.scrollDown().then(function() {
  console.log("An error occurred");
});

UPDATE

The issue at hand is connected to istanbul. The application injects a global variable into the scroll function for tracking execution, but this variable remains undeclared because the function is run in the browser, not Node.

To address this problem, one solution is to utilize executeScript with the script provided as a string:

return this.driver.executeScript("window.scrollTo(0, arguments[0]);", 800);

Answer 2

When working with modules, it's important to remember that they are cached and imported as class prototypes. This means that in order to prevent conflicts, you should create a new instance:

var EventPage = require('./EventPage.js');

var eventPage = Object.create(EventPage);
eventPage.init(driver) 
eventPage.visit('http://reddit.com');
eventPage.scrollDown().then(function() {
  console.log("An error occurred");
});

UPDATE

The issue at hand is connected to istanbul. The application injects a global variable into the scroll function for tracking execution, but this variable remains undeclared because the function is run in the browser, not Node.

To address this problem, one solution is to utilize executeScript with the script provided as a string:

return this.driver.executeScript("window.scrollTo(0, arguments[0]);", 800);

Sauce Labs encountering issues when running JavaScript code

Answer №1

Similar questions

Leverage ngFor to loop through a "highly intricate" data structure

When scanning through the HTML code for the XPath, it illuminates the precise route that is required. However, despite this, it fails to function properly

Traverse through the JSON data until a certain condition is satisfied, then proceed to tally the number

What could be causing my jQuery script to malfunction?

Where is the ideal location to store non-component data properties in Vue.js?

Issue with jQuery hide() function in Internet Explorer 9

Load images easily using jQuery

The Django POST request is rejecting due to a missing or incorrect CSRF token, despite having included the token in the form

To close the responsive menu, simply click anywhere outside of the navigation bar

In what scenarios would it be beneficial to retrieve an object in the Page Factory design pattern?

Is it possible to process HTML and JavaScript as a request in JMeter?

Button that vanishes when clicked, using PHP and HTML

Implementing a change event upon setting a value to an input element using JavaScript

Enhance the "content switcher" code

Reactive form allows you to easily format dates

Innovative functionality for adding and deleting elements in JQuery/JavaScript

Struggling to find your way around the header on my website? Let me give

Python: Automate clicking on checkboxes with Selenium

Learn how to efficiently execute a function multiple times using pure JavaScript

Put a cookie in place to deter users from returning to the website