我想测试一个指令是否将正确的
jquery函数绑定到DOM并且它们是否有效.
例如,我想测试一个元素在用$.slideUp()滑动之后是否可见,或者我想在html输入上执行click事件.
似乎我需要以某种方式将编译的指令附加到DOM以实现这一点.我看过testing directives video on youtube,他说这是可能的,但他并没有提到你是怎么做到的.
我有点卡住了.
解决方法
几件事：
首先,如果你想在Angular中使用jQuery,它需要在Angular之前加载,所以在Angular之前移动它的脚本标记.
其次,将指令附加到DOM是正确的.在beforeEach调用中,您可以使用jQuery创建主机div,然后在afterEach调用中删除该div.
Here that is in a fork of your plunk.
也就是说,你只需要在DOM中使用你的div来检查可见性,在大多数情况下我甚至不确定你需要做什么.例如,您可以使用Sinon监视slideUp调用以确保它发生并依赖于它实际工作的jQuery测试.
而且你总是可以通过使用jQuery调用elm.click()来直接触发点击.
