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

情况：
我刚刚开始学习对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-如果这样做,那是在嘲笑您无法控制的行为,并且可能从您的内心深处改变,还可能使您的实现泄漏到测试中.

标签：unit-testing,jasmine,sinon,javascript,jquery
来源： https://codeday.me/bug/20191025/1928490.html