ジャスミンを使った角度1.5のテストコンポーネント

Question

ジャスミンと角度モックで私のコンポーネントをテストしようとしていますが、どうしているのか分かりません。

これは、私は、このテストが、彼のdosen't作品を書き、私のコンポーネント

var angular = require('angular'); 
'use strict'; 
module.exports = angular 
    .module('app.login.component.login', []) 
    .component('login', { 
     templateUrl: '/app/js/login/components/login.template.html', 
     controller: LoginController 
    }); 

LoginController.$inject = ['$state', 'Auth', 'messages']; 
function LoginController($state, Auth, messages) { 
    var ctrl = this; 
    ctrl.failMessage = messages.NO_AUTH; 
    ctrl.failResponse = false; 
    ctrl.login = login; 

    function login(user){ 
    ctrl.errors = {}; 
    Auth.login(user) 
     .success(function(result){ 
     $state.go('profile'); 
     }) 
     .error(function(response) { 
     ctrl.failResponse = true; 
    }) 
    }; 
} 

です。 私が間違って何をすべきかを私に説明し、あなたが$componentControllerを使用する方法をテストコンポーネント

describe('Component: login', function() { 
    beforeEach(angular.mock.module(require('angular-ui-router'))); 
    beforeEach(angular.mock.module(loginComponent.name)); 

    var scope; 
    beforeEach(inject(function($rootScope, $compile){ 
    scope = $rootScope.$new(); 
    })); 

    var controller; 
    beforeEach(inject(function($componentController, Auth) { 
    ctrl = $componentController('login', { 

     $scope:scope}); 
    })); 

    it('df', function() { 
    expect(ctrl.login).toBeDefined(); 
    }); 
}); 

Answer 1

いくつかのパターンを示してください。

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