Угловое директивное тестирование в проекте requirejs

Question

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

define([ 
    'angular', 
    'angular-mocks', 
    'Source/modules/common/directive/dynamic-forms/fields/index' 
], function() { 
    describe('Dynamic fields directive in app.dynamic-form-fields', function() { 
    var scope, compile, element; 
    beforeEach(
     module('app.dynamic-form-fields')); 

    beforeEach(function() { 
     inject(function ($rootScope, $compile) { 
     element = angular.element('<div class="well span6">' + 
      '<h3>Busdriver Albums:</h3>' + 
      '<albums ng-repeat="album in albums" title="{{album.title}}">' + 
      '</albums></div>'); 

     scope = $rootScope; 

     scope.albums = [ 
      { 
      'title': 'Memoirs of the Elephant Man' 
      }, 
      { 
      'title': 'Temporary Forever' 
      } 
     ]; 

     $compile(element)(scope); 
     scope.$digest(); 
     }); 
    }); 

    it("should have the correct amount of albums in the list", function() { 
     var list = element.find('li'); 
     expect(list.length).toBe(2); 
    }); 
    }); 

}) 

Выход = 0 Ожидаемое быть 2.

Answer 1

Я так сожалею, чтобы задать этот глупый вопрос. Селектор, установленный в ожидании, неверен.

Правильный HTML производится

<h3>Busdriver Albums:</h3> 
<!-- ngRepeat: album in albums --> 
<albums ng-repeat="album in albums" title="Memoirs of the Elephant Man" class="ng-scope"></albums><!-- end ngRepeat: album in albums --> 
<albums ng-repeat="album in albums" title="Temporary Forever" class="ng-scope"></albums> 
<!-- end ngRepeat: album in albums --> 

Мне очень жаль.