Контроллеры модульных испытаний в угловыхJS

Question

У меня есть трудное понимание модульных тестов в angularJs. Я только что начал с модульных тестов, и синтаксис мне кажется странным. Ниже приведен код для тестирования controller:

describe('PhoneCat controllers', function() { 

    describe('PhoneListCtrl', function(){ 

    beforeEach(module('phonecatApp')); 

    it('should create "phones" model with 3 phones', 
    inject(function($controller) { 
     var scope = {}, 
     ctrl = $controller('PhoneListCtrl', {$scope:scope}); 

     expect(scope.phones.length).toBe(3); 
    })); 

    }); 
}); 

Что я могу понять из этого синтаксиса, что перед каждым это блок phonecatApp инициализирован и что $ контроллер сервис используется для получения экземпляра контроллера PhoneListCtrl ,

Однако я не могу понять область действия здесь. Может кто-то уточнить, что стоит за тем, чтобы получить объем контроллера на этой линии.

ctrl = $controller('PhoneListCtrl', {$scope:scope}); 

Answer 1

Обычно во время выполнения угловой создает область и вводит ее в функцию контроллера для ее создания. В своем модульном тесте вместо этого вы хотите создать область самостоятельно и передать ее функции контроллера, чтобы иметь возможность увидеть, действительно ли у нее 3 телефона после построения (например).

Возможно, вы также захотите ввести ложные сервисы вместо настоящих в свой контроллер. Это то, что массив объектов позволяет в

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

Это говорит Угловая: создать экземпляр контроллера с именем «PhoneListCtrl», но вместо того, чтобы создавать и нагнетание сферы, используйте один я даю вам.

Если ваш контроллер зависит от службы «phoneService», и вы хотите, чтобы ввести макет phoneService, вы могли бы сделать

var mockPhoneService = ...; 
$controller('PhoneListCtrl', { 
    $scope: scope, 
    phoneService: mockPhoneService 
}); 

Answer 2

Это не нужно вводить сферу, вы можете напрямую использовать экземпляр контроллера для вызова функций контроллера и objects.In вашего примера вы можете использовать, как показано ниже, это даст тот же результат, установленный как вашего покорного

describe('PhoneCat controllers', function() { 

    describe('PhoneListCtrl', function(){ 

    beforeEach(module('phonecatApp')); 

     it('should create "phones" model with 3 phones', 
      inject(function($controller) { 

     var ctrl = $controller('PhoneListCtrl'); 

    expect(ctrl.phones.length).toBe(3); 
    })); 

    }); 
}); 

и для вас информации каждый раз, когда контроллер инстанцированный он связан с $ рамки переменная, которая равна der ived из $ rootScope (то есть: ребенок корнеплодов). Поэтому вам нужно передать $ scope, чтобы захватить экземпляр контроллера, и я делаю то же самое в приведенном выше примере.