没有模板的测试指令属性

我试图在一个限制为属性的Angular指令上运行几个单元测试。现在我只是想确定指令是否存在。没有模板的测试指令属性

有谁知道如何测试指令，是一个属性而已？

这里是一个光秃秃的骨头版本指令

function ResetCustomer() { 
    return { 
    restrict: 'A', 
    link: (scope, elem) => { 

     elem.bind('click', function() { 
     //do stuff 
     }); 
    } 
    }; 
} 

export default { 
    name: 'resetCustomer', 
    fn: ResetCustomer 
};

... ...的HTML

<a class="brand" reset-customer> 
    <img src="path/to/image.jpg"/> 
</a>

...和测试

describe('Unit: ResetCustomer',() => { 

    let element, scope, compile; 

    beforeEach(() => { 
    angular.mock.module('app'); 
    angular.mock.inject(($compile, $rootScope) => { 
     scope = $rootScope.$new(); 
     compile = $compile; 
     element = angular.element('<a reset-customer></a>'); 
     compile(element)(scope); 
     scope.$digest(); 
    }); 
    }); 

    it('should exist',() => { 
    expect(element).toBeDefined(); 
    }); 
});

来源

2016-09-07 abyrne85

看这里：http://stackoverflow.com/questions/35570189/creating-single-custom-directive - 用于-NG-点击即可执行，多控制器乐趣/ 35570797＃35570797 我写了有一个指令，不ES6但也许它会帮助你 – CodeNashor

谢谢，但我正在寻找一种方法来测试指示。 – abyrne85

您需要首先在指令上有可测试的东西。

例如在回调已它分配一个范围可变isClicked到真/假。

然后你可以解雇的测试。点击，并有isClicked应该是真实的断言。

你甚至可以多走一英里，并有先前的断言isClicked你火点击之前是假的。我不能rmember什么方法被调用，但90％肯定它的.trigger（“点击”）或鼠标按下...

来源

2016-09-07 13:24:30

没有模板的测试指令属性

回答

相关问题