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

Question

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

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

似乎我需要以某种方式将编译的指令附加到DOM以实现这一点.我在youtube上观看了测试指令视频,他说这是可能的,但他并没有提到你是如何做到的.

我有点卡住了.

下面是失败测试的链接:http://plnkr.co/edit/PojXf8？p = preview

Answer 1

几件事:

首先,如果你想在Angular中使用jQuery,它需要在Angular之前加载,所以在Angular之前移动它的脚本标记.

其次,将指令附加到DOM是正确的.在beforeEach调用中,您可以使用jQuery创建主机div,然后在afterEach调用中删除该div .

这是你的一个叉子.

也就是说,你只需要在DOM中使用你的div来检查可见性,在大多数情况下我甚至不确定你需要做什么.例如,您可以使用Sinon监视slideUp调用以确保它发生并依赖于它实际工作的jQuery测试.

而且你总是可以通过elm.click()使用jQuery 调用直接触发点击.