Mock Угловая JS контроллер Jasmine

Question

Я новичок в угловых JS .. только построен контроллер образец .. и теперь хочу модульного тестирования это .. не знаю, как писать дразнить его в жасмин ..

TestApp. JS

var TestApp = angular.module('TestApp'); 
TestApp.controller('TestCtrl', function($scope) { 
    $scope.test = "test"; 
    }); 
})(); 

TestApp_Spec.js

var scope, ctrl; 

//you need to inject dependencies first 
beforeEach(inject(function($rootScope) { 
    $scope = $rootScope.$new();   
})); 

it('test value should be test', inject(function($controller) { 
    ctrl = $controller('TestCtrl', { 
     scope: $scope 
    }); 
    expect(scope.test).toBe("test"); 
})); 

Я использую самостоятельные версии жасмин и включены angular.min.js, angular.mocks.js, TestApp.js и TestApp_Spec.js в sepc_runner.html

Результаты испытаний не отображаются ..

Нужна помощь в написании правильных тестовых случаев.

Answer 1

В вашем коде есть некоторые исправления, например, вы не вставили модуль в свой тестовый костюм, поэтому жасмин не может найти controller.

Вы не прошли второй параметр, который является массивом в зависимости в ваш модуль, т.е. angular.module('TestApp',[]);

Here is the working plunker.

app.js

(function(){ 
var TestApp = angular.module('TestApp',[]); 
TestApp.controller('TestCtrl',["$scope",function(scope) { 
     alert(scope) 
     scope.test = "test"; 
    }]); 
})(); 

Тест костюм

var scope, ctrl; 
describe('MyApp', function() { 
    beforeEach(module('TestApp')); 
    //you need to inject dependencies first 

    beforeEach(inject(function($controller,$rootScope) { 
    scope = $rootScope.$new(); 
    $controller('TestCtrl', { 
      '$scope': scope 
     });  
    })); 

    it('test value should be test',function(){ 
    expect(scope.test).toBe("test"); 
    }); 
});