2

我有一个处理事件点击的指令(限制A),并根据一个值调用服务。单元测试期望SpyOn未找到

指令:

define(function() { 
'use strict'; 

var myDirective = function ($rootScope, myFactory) { 
    return { 
     restrict: 'A', 
     scope: { 
      _myValue : '=value' 
     }, 
     link: function(scope, element, attrs) { 
      element.bind('click', function() { 
       if (scope._myValue === 'red') { 
        myFactory.red(); 
       } 
       if (scope._myValue === 'green') { 
        myFactory.green(); 
       } 
       if (scope._myValue === 'black') { 
        myFactory.black(); 
       } 
      }); 
     } 
    }; 
}; 

return ['$rootScope', 'myFactory', myDirective]; 
}); 

测试:

define(['angular-mocks'], function() { 
'use strict'; 

var angular = require('angular'); 

describe('<-- Directive Spec ------>', function() { 

    var scope, $compile, element, myFactory; 

    beforeEach(angular.mock.module('myApp')); 

    beforeEach(inject(function (_$rootScope_, _$compile_, _myFactory_) { 
     scope = _$rootScope_.$new(); 
     $compile = _$compile_; 
     var html = '<div><a my-directive value="\'red\'"></a></div>'; 
     myFactory = _myFactory_; 
     spyOn(myFactory , 'red').and.callThrough(); 
     element = $compile(angular.element(html))(scope); 
     scope.$digest(); 

    })); 

    it('should be red and call myFactory.red', function() { 
     element.click(); 
     expect(myFactory.red).toHaveBeenCalled(); 
    }); 

通过上述,我得到错误:

Expected spy red to have been called. 

进出口使用茉莉花2

回答

1

您点击<div>,而不是<a>,它具有指令和事件处理程序。做:

element.find('a').click(); 

或者干脆从编译的HTML中删除<div>

+0

Doh!非常感谢你 –

相关问题