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

发布时间：2020-12-17 17:18:08 所属栏目：安全来源：网络整理

导读：我想测试一个指令是否将正确的 jquery函数绑定到DOM并且它们是否有效. 例如,我想测试一个元素在用$.slideUp()滑动之后是否可见,或者我想在html输入上执行click事件. 似乎我需要以某种方式将编译的指令附加到DOM以实现这一点.我看过testing directives video

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

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

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

我有点卡住了.

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

解决方法

几件事：

首先,如果你想在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()来直接触发点击.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!