javascript - 如何编写 Jasmine 测试用例来检查单击事件中的 Toggle 类功能

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');
                });

    });

它抛出错误，说 undefined 不是“expect(element).toHaveClass('highlighted');”行的构造函数。你能指导我一下吗？我对 Angular 有点陌生。

Answer 1

toHaveClass 不是 Jasmine 的一部分。尝试类似的方法:

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

我已经搞砸了your code here .