如何编写 jasmine 测试用例来检查点击事件中的切换类功能

Question

我有一个指令，基本上是在元素上切换类。它工作正常。但是它的 jasmine 测试用例有问题。

//toggling class
fileSearch.directive('toggleClass', function() {
   return {
     restrict: 'A',
     link: function(scope, element, attrs) {
        element.bind('click', function() {
            element.toggleClass(attrs.toggleClass);
        });
    }
};

});

Jasmine 测试用例：

describe(
    'testing toggle-class directive',
    function() {
        var $compile, $rootScope;
        beforeEach(module('myApp'));

        beforeEach(inject(function(_$compile_, _$rootScope_) {
            $compile = _$compile_;
            $rootScope = _$rootScope_;
        }));

        it('should set highlight class on report title',
                function() {
                    var element = $compile("<div toggleclass='highlighted'</div>")($rootScope);
                    element.click();
                    expect(element).toHaveClass('highlighted');
                });

    });

它的抛出错误是在“expect(element).toHaveClass('highlighted');”行说 undefined is not a constructor 你能指导我吗？我对 Angular 有点陌生。

Answer 1

toHaveClass 不是Jasmine 的一部分。 尝试类似：

expect(element.attr('class')).toEqual('highlighted');

我已经刷了your code here。