Как проверить директивы AngularJS
Я работаю над приложением Rails 3.2, которое будет использовать AngularJS. Я могу заставить Angular делать то, что мне нужно, но мне очень трудно понять, как проверить, что я делаю. Я использую guard-jasmine для запуска спецификаций Jasmine с использованием PhantomJS.
Вот (соответствующий) HTML:
<html id="ng-app" ng-app="app">
<div id="directive-element" class="directive-element">
</div>
</html>
Javascript (в coffeescript) выглядит следующим образом:
window.Project =
App: angular.module('app', [])
Directive: {}
Project.Directive.DirectiveElement =
->
restrict: 'C'
link: (scope, element, attrs) ->
element.html 'hello world'
Project.App.directive 'directiveElement', Project.Directive.DirectiveElement
Приведенный выше код делает именно то, для чего он предназначен. Тесты являются проблемой. Я не могу заставить их работать вообще. Это одна вещь, которую я пытался. Размещать это в основном только для того, чтобы начать разговор где-нибудь.
describe 'App.Directive.DirectiveElement', ->
it 'updates directive-element', ->
inject ($compile, $rootScope) ->
element = $compile('<div id="app" ng-app="app"><div id="directive'element" class="directive-element"></div></div>')
expect(element.text()).toEqual('hello world')
Кроме того, я новичок в AngularJS, поэтому, если есть какие-либо передовые практики, касающиеся пространств имен, модулей и т. Д., Которым я не следую, руководство будет оценено.
Как мне получить тест для этого?