How to add jquery to jasmine/angularjs unittests

Question

I have a project which is builded on plain angular.js code. We creates unittest with jasmine. But now we need to grab some 3rd party components (some directives from Angular-Bootstrap), which is also pure angular.js inside, but for testing that components some jQuery code and methods calls used. And now a lot of 3rd party tests failed with exception like [object] had no method 'trigger' and stuff like that

So my question is how to include jquery to my tests, to make 3rd party unitests valid. I run tests with Karma.

Alexander Puchkov · Accepted Answer · 2013-09-29 01:45:21Z

34

Just include jquery.js to Karma's config in files array as the first item.

module.exports = function(config) {
  config.set({

    // list of files / patterns to load in the browser
    files: [
      'path/to/jquery.js',
      'path/to/angular.js'
      //..rest files      
    ],

    //rest karma options
  });
};

answered Sep 29, 2013 at 1:45

Alexander Puchkov

5,9934 gold badges38 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

silent_coder Over a year ago

sec, maybe it wasn't first. Let me try.

Alexander Puchkov Over a year ago

Do you restart karma after changing config? You might want to double check that path to jQuery correct. It should work.

silent_coder Over a year ago

Thanks for your help. Yes, that's work. By the way - why it should be first?

Alexander Puchkov Over a year ago

A few reasons: 1. Why not? jQuery doesn't have any dependencies, but other scripts depend on it. 2. If Angular won't find jQuery at time it loads it will use its jQuery lite, instead of augmenting jQuery features.

Alex Pogiba Over a year ago

Also make sure you put jquery first. It loads scripts sequentiallly - order is important here. I've been pulling my hair out why my .find() selector didn't work.

|

Collectives™ on Stack Overflow

How to add jquery to jasmine/angularjs unittests

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related