Wie testen Sie Unit eine Bindung mit einem anderen Namen in einer Angular 1.5-Komponente?

Question

Ich habe die folgende Komponente:

angular.module('foo') 
    .component('searchInput', { 
     bindings: { 
      text: "<query" 
     }, 
     templateUrl: 'components/searchInput/searchInput.html', 
     controller: 'SearchInputCtrl' 
    }); 

Für folgendes passieren:

expect(component.text).toBe('bar'); 

Ich habe den folgenden Code verwenden:

var component = $componentController('searchInput', 
     {$scope: {}}, 
     { 
      text: 'bar' 
     } 
    ); 

Ich möchte jedoch, dass testen Der an 'text' gebundene Wert wird von 'query' bezogen. Diese nicht Arbeit:

var component = $componentController('searchInput', 
     {$scope: {}}, 
     { 
      query: 'bar' 
     } 
    ); 

Answer 1

Sie können diese Art der Sache prüfen, indem die Komponente kompilieren. z.B.

inject(function($compile, $rootScope) { 
    var parentScope = $rootScope.$new(); 
    parentScope.myVar = 'test'; 

    var element = angular.element('<search-input query="myVar"></search-input>'); 

    var compiledElement = $compile(element)(parentScope); 
    parentScope.$digest(); 

    var scope = compiledElement.isolateScope(); 

    expect(scope.$ctrl.text).toBe('test'); 
});