javascript - 我如何监视元素？

Question

假设我有这个指令:

.directive 'panelcreator', ->
    (scope, element)->
        element.bind 'mouseenter', ->
            element.addClass 'alert alert-danger'

为了保持这个单元规范，我想去掉 element.addClass，对吗？那么我该怎么做呢？

我的尝试:

describe 'panelcreator', ->

    describe 'something', ->
        beforeEach ->
            spyOn(element, 'addClass')
            element.trigger('mouseenter')

        it 'shoud create a panel', ->
            expect(element.addClass).toHaveBeenCalledWith 'alert alert-danger'      

给我:

Error: Expected a spy, but got Function.

以后我该如何分析一个变量，例如 element，以便找出我需要传递给 SpyOn 的方法链？

Answer 1

如果使用 jQuery，addClass 将在 jQuery 对象上:

spyOn($.fn, 'addClass');

如果没有，它将在 jqLit​​e (angular.element) 对象上:

spyOn(angular.element, 'addClass');