如何将工厂注入单元测试

Question

I am trying to inject my factory into my unit test.

I have something in my file like

//inside my 'testCtrl' I have

$scope.getProduct = function() {
    //other codes..
    myFactory.getProduct()
       .then(function(obj){
           $scope.product.id = obj.id;
       })
}

my factory file

angular.module('myApp').factory('myFactory', function($http, $q) {
    //codes...
}) 

my test file.

describe('unit test here', function(){
    beforeEach(module('myApp'));
    beforeEach(module('myFactory'));
    beofreEach(inject(function(_$controller_, _$rootscope_) {
        scope._$rootScope.$new();

        testCtrl = _$controller_('testCtrl', {
            $scope:scope 
        })
    })

   //I got a Module 'plannerFactory' is not available error
   //How do I inject myFactory into my test file here and how do I       //use it?

})

I have been searching on the web and couldn't find any useful info. Could anyone help me about it? Thanks a lot!

Answer 1

I guess you have to inject your factory into you test. Something like this.

beforeEach(inject(function(_$controller_, _$rootscope_, myFactory) {
    // call myFactory
})

All the files must be available for the test.

Answer 2

Here is an example of testing a factory. RestService is my factory that is being tested:

describe('RestService', function() {
var restService;
var $httpBackend;
var url = 'http://ram-utilities.com/{0}/test/{1}';
var argList = ['jasmine', 2015];

// Initialization of the AngularJS application before each test case
beforeEach(module('ram-utilities.ui.rest.service'));

// Injection of dependencies
beforeEach(inject(function(_RestService_, _$httpBackend_) {
    restService = _RestService_;
    $httpBackend = _$httpBackend_;
}));

afterEach(function() {
    $httpBackend.verifyNoOutstandingExpectation();
    $httpBackend.verifyNoOutstandingRequest();
});

it('should send an HTTP GET request', function(){
    $httpBackend.expectGET('http://ram-utilities.com/jasmine/test/2015')
        .respond(200, {message: 'GET Successful', id: 0});

    restService.getData(url, argList, null, {})
        .then(function(data){
            expect(data).toBeTruthy();
            expect(data.message).toBe('GET Successful');
    });
    $httpBackend.flush();
});

it('should send an HTTP POST request', function(){
    $httpBackend.expectPOST('http://ram-utilities.com/jasmine/test/2015', {data: 'Test POST'})
        .respond(200, {message: 'POST Successful', id: 0});


    restService.postData(url, argList, null, {data: 'Test POST'}, {})
        .then(function(response){
            expect(response).toBeTruthy();
            expect(response.success).toBe(true);
        });
    $httpBackend.flush();
});

it('should execute the function passed into configureSessionTimeOut', function(){
    $httpBackend.expectGET('http://ram-utilities.com/jasmine/test/2015')
        .respond(401, {message: 'timed out', id: 0});

    // setup the conditions to be tested
    var testResult = '';
    var testFn = function(){
        testResult = 'session did time out';
    };
    restService.configureSessionTimeOut(testFn);

    restService.getData(url, argList, null, null, null, null, null);

    $httpBackend.flush();

    expect(testResult).toBe('session did time out');
});

});

Answer 3

The problem is that myFactory is not a module, so you cannot inject it the way you are trying to.

describe('unit test here', function(){
var myFactory;
beforeEach(module('myApp'));

beforeEach(inject(function(_$controller_, _$rootscope_, _myFactory_) {
   //Now you can use myFactory in your specs..
    myFactory = _myFactory;_
    scope._$rootScope.$new();

    testCtrl = _$controller_('testCtrl', {
        $scope:scope 
    })
})
})