Как в Angular тестировать темплейт контроллера при использовании vm?

Question

[Сергей Николаев]

Допустим есть контроллер, в котором все работает через this

angular
        .module('app')
        .controller('MyCtrl', MyCtrl);

    /* @ngInject */
    function MyCtrl(){
        var vm = this;
        vm.func = function(){
        }
/*
...
*/
    }

Пишу тест:

it('my ctrl', function () {
        var $scope = $rootScope.$new();
        var vm = $controller('MyCtrl',{$scope:$scope});
        /*
        тут через vm можно как угодно тестировать контроллер
       */
    });

А как тестировать темплейт этого контроллера?
Я не могу откомпилировать темплейт с данными, потому что vm это экземпляр $controller, а не $scope,
поэтому нельзя сделать $compile($templateCache.get(pathToTemplate))(vm).
Как в таком случае компилировать темплейт?

Answer 1

[Сергей Протько]

Все просто - не тестируйте контроллеры. У вас там в принципе не должно быть кода который бы вы хотели потестить. Контроллеры как отдельные сущности не имеют шаблонов, вообще. Единственный случай когда это допустимо - контроллеры директивы, тут у нас есть определенные шаблоны. Но опять же, тут мы будем тестить именно директиву.

Вы так же можете потестить контроллер напрямую дергая его методы, что предпочтительнее, так как с controller as синтаксисом мы избавляемся от такой вредной зависимости как $scope.

Comments

[Сергей Николаев]

Просто если не тестировать темлейт, то получится, что на странице вообще нет данных - а все тесты зелёные, так можно потерять параметр на вывод и не заметить

[Сергей Протько]

Сергей Николаев: я дополнил ответ. И да, все это делается через E2E и юнит тесты для директив.

[Сергей Николаев]

Как напрямую дергать методы из контроллера?
Допустим в контроллере есть просто функция не переданная в vm?

[Сергей Николаев]

Сергей Протько: по поводу E2E вы правы, но мне приходится делать именно юнит

[Сергей Протько]

Сергей Николаев: если она не передана в vm - то это приватная функция и нечего ее дергать. Ее стало быть можно дернуть либо дернув какой-то публичный метод либо он дергается из конструктора.

[Сергей Протько]

Сергей Николаев: контроллер - это объект, просто дергайте публичные методы. vm это контекст объекта, а значит что все что в vm определено - методы и свойства этого объекта.

[Сергей Николаев]

То что через vm дёргать можно, я знал, но всё равно спасибо за разъяснения =)

[Сергей Протько]

Сергей Николаев: не через vm, а инстанцировать контроллер (new MyController), передать в зависимости моки и радоваться жизни.