Wie kann ich diesen Winkelregler testen?

Question

Ich entdecke Karma große Welt und ich wollte Ihnen eine einfache Frage über einen Controller stellen, den ich testen möchte. Hier ist sie:

angular.module('app', ['ngSanitize']) 
.controller('MyController', ['$scope', '$http', function ($scope, $http) { 
    $scope.myCtrlData = ''; 

    $http.get('../../data/file.json').then(function (res) { 
    $scope.myCtrlData = res.data.ctrlData; 
    }); 
}]); 

Es ist einfach $scope.myCtrlData füttern mit einem lokalen json Dateiinhalt.

Ich fing an, einen schnellen Test zu schreiben, aber ich stecke fest, wenn ich es ausführe.

describe('Test : MyController', function() { 
    var scope, httpBackend, make; 

    beforeEach(module('ngSanitize')); 
    beforeEach(module('app')); 
    beforeEach(inject(function($rootScope, $controller, $httpBackend){ 
    httpBackend = $httpBackend; 
    scope = $rootScope.$new(); 

    httpBackend.whenGET('../../data/file.json') 
    .respond(200, { 
     'data': { 'ctrlData': 'Yeah' } 
    }); 

    make = $controller('MyController', { '$scope': scope }); 

    })); 

    it('should get the data', function() { 
    httpBackend.flush(); 
    expect(scope.myCtrlData).toBeDefined(); 
    expect(scope.myCtrlData).toEqual('Yeah'); 
    }); 
}); 

Als Folge ich mit diesem Protokoll nicht erhalten:

PhantomJS 2.1.1 (Mac OS X 0.0.0) BioController should get the data FAILED 
    Expected undefined to equal 'Yeah'. 
/Users/toto/Projects/awesomeproject/tests/views/yeah/test.js:32:30 
PhantomJS 2.1.1 (Mac OS X 0.0.0): Executed 1 of 1 (1 FAILED) (0 secs/0.01 secsPhantomJS 2.1.1 (Mac OS X 0.0.0): Executed 1 of 1 (1 FAILED) ERROR (0.002 secs/0.01 secs) 

Könnten Sie mir bitte helfen, falsch ich tun, um herauszufinden, was haben?

Vielen Dank für Ihre wertvolle Hilfe :-)

Answer 1

Sie müssen den Controller instanziiert.

make = $controller('MyController', { '$scope': scope }); 

mit

$controller('MyController', { '$scope': scope }); 

Auch

können Sie Ihren Code

it('should get the data', function() { 
    httpBackend.whenGET('../../data/file.json') 
    .respond(200, { 
     'data': { 'ctrlData': 'Yeah' } 
    }); 
    expect(scope.myCtrlData).toBeDefined(); 
    expect(scope.myCtrlData).toEqual('Yeah'); 
    httpBackend.flush(); 
    }); 

Entfernen Sie die httpBackend vom before ändern und überprüft