Как проверить директивы AngularJS
Я работаю над приложением Rails 3.2, которое будет использовать AngularJS. Я могу заставить Angular делать то, что мне нужно, но мне очень трудно понять, как проверить то, что я делаю ».я делаю. Я использую guard-jasmine для запуска спецификаций Jasmine с использованием PhantomJS.
Вот (соответствующий) 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('')
expect(element.text()).toEqual('hello world')
Кроме того, я новичок в AngularJS, поэтому, если есть какие-либо передовые практики, касающиеся пространств имен, модулей и т. Д., Которым я не следую, руководство будет оценено.
Как мне получить тест для этого?