Angular JS Unit Testing using Jasmine

Question

I have a factory service as below

FamilyService.js

(function(){ 'use strict';

angular.module('app')
.factory('ABC', FamilyService);

FamilyService.$inject = ['DEF'];
function FamilyService(DEF) {


function returnTrue() {
    var a="true";

}       

}

}());

    I want to call returnTrue method in My test case

 **TestFamilyService.js**

describe('testing my_controller.my_function', function () { var mockedFactory, $rootScope, $controller;

  beforeEach(module('app', function($provide) {
    mockedFactory = {
      save: jasmine.createSpy()
    };

    $provide.value('ABC', mockedFactory);
  }));




  it('should call the save function', function() {

    expect(mockedFactory.returnTrue()).toHaveBeenCalled();
  });
});



     **specrunner.html**


<!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>Jasmine Spec Runner v2.4.1</title>

      <link rel="shortcut icon" type="image/png" href="lib/jasmine-2.4.1/jasmine_favicon.png">
      <link rel="stylesheet" href="lib/jasmine-2.4.1/jasmine.css">

      <script src="lib/jasmine-2.4.1/jasmine.js"></script>
      <script src="lib/jasmine-2.4.1/jasmine-html.js"></script>
      <script src="lib/jasmine-2.4.1/boot.js"></script>
      <script src="lib/jasmine-2.4.1/angular.js"></script>
      <script src="lib/jasmine-2.4.1/angular-mocks.js"></script>


      <!-- include source files here... -->
      <script src="src/Player.js"></script>
      <script src="src/webapp/Mock.js"></script>
      <script src="src/webapp/FamilyService.js"></script>




      <!-- include spec files here... -->

      <script src="spec/TestFamilyService.js"></script>

    </head>

    <body>
    </body>
    </html>

When i run specrunner.html in the browser it displays

Error: No module: app

TypeError: Unable to get value of the property 'returnTrue': object is null or undefined

Please Tel me whats wrong here?

in which js file do you initialize the app module?

Tobias Timm
– Tobias Timm

2016-04-21 08:40:59 +00:00
Commented Apr 21, 2016 at 8:40 — Tobias Timm
– Tobias Timm, Commented Apr 21, 2016 at 8:40

Tobias Timm · Accepted Answer · 2016-04-26 10:03:49Z

1

In FamilyService.js

angular.module('app').factory('ABC', FamilyService);

you are creating a factory for the existing module app, but if the module doesn't exist you need to write

angular.module('app',[]).factory('ABC', FamilyService);

In your case just create a new file, where the angular module gets created

angular.module('app',[]);

UPDATE

Just include the dependencies of your module in the html

 <script src="lib/angular-sanititze/angular-sanitize.js"></script>

If you want to mock these modules, you can do something like

beforeEach(function() {
       angular.module('second',[]);
}

But in the case that you are using some methods of the third party library, you need to mock these methods as well.

edited Apr 26, 2016 at 10:03

answered Apr 21, 2016 at 9:35

Tobias Timm

2,12017 silver badges28 bronze badges

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

8 Comments

user2918673 Over a year ago

you want me to add angular.module('app',[]); line to a separate file

Tobias Timm Over a year ago

when i asked you, where your module declaration is, you answered that it is in FamilyService.js, but thats not a module declaration. Its a usage of the module. You need to define the module first. And in common cases you do that in a separate file. See github.com/johnpapa/angular-styleguide/blob/master/a1/README.md for example

user2918673 Over a year ago

Yea it was defined in a separate file...That error got resolved after adding that js while contained module declaration but it depends on 5 more modules..that modules names are thrown as not found now ...example app module needs ngSanitize , ui-bootstrap etc

Tobias Timm Over a year ago

you need to mock these dependencies or include the files in your test-config

user2918673 Over a year ago

I mocked the module in beforeeach() but is there any other ways to mock our modules and factory services

|

Collectives™ on Stack Overflow

Angular JS Unit Testing using Jasmine

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related