How to test code with jQuery promises in Mocha?

Asked May 01 '18 at 10:44

Active May 01 '18 at 10:46

Viewed 108 times

I have a code that needs to be tested with Mocha. In a certain part of the code, this is included:

var deferred = $.Deferred();

And I am getting this error:

TypeError: $.Deferred is not a function

I tried to add jQuery to the Mocha tests, and that solved the issue of not knowing what $ was, but still getting an error when calling Deferred.

This is how I included jQuery for the tests:

global.$ = global.jQuery = require('jquery');

edited May 01 '18 at 10:46

Rory McCrossan

asked May 01 '18 at 10:44

JorgeDLuffy

1

Are you using jQuery Slim? Deferred objects are not included in that branch. – Rory McCrossan May 01 '18 at 10:46
I didn't think of that. But that's not the case, we are using full jQuery 3.3.1 – JorgeDLuffy May 01 '18 at 10:50
In that case are you certain that the `$` hasn't been hijacked by another library and is still referring to jQuery when the test is run? Try `console.log($ === jQuery)` – Rory McCrossan May 01 '18 at 10:53
It returns true, with the console.log right before the call to Deferred. – JorgeDLuffy May 01 '18 at 10:57
Sorry, I'm unable to replicate this then. – Rory McCrossan May 01 '18 at 10:58
If I put the log before the require: "ReferenceError: $ is not defined" – JorgeDLuffy May 01 '18 at 10:58
That makes sense as jQuery isn't included in the page – Rory McCrossan May 01 '18 at 11:01
It was just to be sure :D. Thanks for your help anyway – JorgeDLuffy May 01 '18 at 11:02

0 Answers0