我想测试一个指令是否将正确的jquery函数绑定到DOM并且它们是否有效。
例如,我想测试一个元素在使用$ .slideUp()滑动后是否可见,或者我想在html输入上执行click事件。
似乎我需要以某种方式将编译的指令附加到DOM以实现此目的。我看过testing directives video on youtube,他说这是可能的,但他并没有提到你是怎么做到的。
我有点卡住了。
这是失败测试的链接:http://plnkr.co/edit/PojXf8?p=preview
答案 0 :(得分:5)
一些事情:
首先,如果你想在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()
即可直接触发点击。