如何测试必须使用testacular和jasmine呈现的HTML

时间:2013-02-14 23:00:15

标签: angularjs jasmine karma-runner

我想测试一个指令是否将正确的jquery函数绑定到DOM并且它们是否有效。

例如,我想测试一个元素在使用$ .slideUp()滑动后是否可见,或者我想在html输入上执行click事件。

似乎我需要以某种方式将编译的指令附加到DOM以实现此目的。我看过testing directives video on youtube,他说这是可能的,但他并没有提到你是怎么做到的。

我有点卡住了。

这是失败测试的链接:http://plnkr.co/edit/PojXf8?p=preview

1 个答案:

答案 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()即可直接触发点击。