CODEWITHSUNDEEP
javascriptseleniumreactjsnightwatch.js
Sebastian
Sebastian

Reputation: 2289

Nightwatch.js: window is undefined

I'm trying to use Nightwatch to test a React application. I'm using React-Router with it.

When running my test with Nightwatch window is undefined.

React uses the following snippet to test if the DOM is available:

var canUseDOM = !!(
  typeof window !== 'undefined' &&
  window.document &&
  window.document.createElement
);

From React.js source: ExecutionEnvironment.js#L16

React-Router expects canUseDOM to be true, otherwise it throws an error.

So my test fails because window is undefined when running Nightwatch.

Shouldn't window be present with selenium webdriver? How can I make window available?

Upvotes: 7

Views: 6228

Answers (3)

Bhatt Adnan
Bhatt Adnan

Reputation: 1

window is undefined ..this comes when you use window function without using process.browser function first Error [1]: https://i.sstatic.net/w2BdT.png solution: [2]: https://i.sstatic.net/kggMb.png

Upvotes: 0

Sebastian
Sebastian

Reputation: 2289

It turns out I was loading application code in my test without noticing, my nightwatch configuration wasn't quite right. So this is where the error was being raised, because Nightwatch was trying to access window in the test code.

Upvotes: 0

Nicolas Pennec
Nicolas Pennec

Reputation: 7631

From Nighwatch.js (and selenium-webdriver, more specifically) you cannot directly access to the DOM of the client. You must use the execute() function to inject your script :

 this.demoTest = function (browser) {
   browser.execute(function(data) {

     var canUseDOM = !!(
       typeof window !== 'undefined' &&
       window.document &&
       window.document.createElement
     );
     alert('canUseDOM ?' + canUseDOM); 

     return true;
   }, [], null);
 };

More info in the API : http://nightwatchjs.org/api#execute

Upvotes: 11

Related Questions