javascript-如何模拟或伪造网站行为以允许对某些JS函数进行单元测试

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何模拟或伪造网站行为以允许对某些JS函数进行单元测试，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1943字，纯文字阅读大概需要3分钟。

内容图文

情况：
我刚刚开始学习对JavaScript代码进行单元测试,我想知道是否有一种方法可以伪造应用程序的行为以测试某些情况.我读过有关sinon.js spy / stub / mock的文章.但是,与JS一样,还有很多其他脚本和组合(例如,与摩卡,柴,业力茉莉花),我希望有人能告诉我最佳实践.

让我们举个例子：
如果我想在测试运行程序中测试一个函数,该函数会根据窗口大小更改背景大小,那么触发不同的窗口大小(而不是元素大小)会很复杂,以便查看在多个窗口中进行的背景大小调整尺寸.

我已经测试了一些东西,例如

var resizeW = sinon.stub($.prototype, 'width').returns(600);
var resizeH = sinon.stub($.prototype, 'height').returns(1600);

// no effect - always takes the original view.height/width
viewport.setAttribute("content", "height=" + viewheight + "px, width=" + viewwidth + "px, initial-scale=1.0"); 

// new window is not testable in the root testrunner window
window.open + window.resizeTo() / window.resizeBy() 

// shows no effect
window.innerHeight = '120'; window.innerWidth = '500';

// provides no possibility to assume different dimensions
$(window).trigger('resize');

// provides no possibility to assume different dimensions
$(document).trigger('resize');

// provides no possibility to assume different dimensions
window.dispatchEvent(new Event('resize'));

使用iframe会很麻烦,即通过原始HTML和testrunner HTML之间与CSS和jQuery的冲突来解决.

我希望有人可以提出一种方便的方法来实现这一目标.

解决方法:

听起来您真正关心的是您的应用程序如何与浏览器集成,而不一定是您自己控制的逻辑.这似乎是一个集成测试,在这种情况下,您不希望使用浏览器功能.在这种情况下,其他人提到的某些测试框架(例如Selenium)可能是一个不错的选择(我也可能建议使用具有setViewport功能的Puppeteer).

如果将依赖关系外部化,是否有值得单独测试的内部逻辑,也可以通过将宽度和高度传递到代码中并验证代码是否正确响应来将其编写为单元测试.但这听起来像是逻辑这里主要是与浏览器/ jQuery / DOM集成.

关于最佳做法,要记住和探索的一个重要准则是don’t mock code that you don’t own-如果这样做,那是在嘲笑您无法控制的行为,并且可能从您的内心深处改变,还可能使您的实现泄漏到测试中.

内容总结

以上是互联网集市为您收集整理的javascript-如何模拟或伪造网站行为以允许对某些JS函数进行单元测试全部内容，希望文章能够帮你解决javascript-如何模拟或伪造网站行为以允许对某些JS函数进行单元测试所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端