javascript – 在使用带有RequireJS和Mocha的Squire.js时,如何避免引入全局泄漏?

前端之家收集整理的这篇文章主要介绍了javascript – 在使用带有RequireJS和Mocha的Squire.js时,如何避免引入全局泄漏?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Backbone和Backbone.Marionette编写单页 JavaScript应用程序.我使用AMD模块和RequireJS来帮助组织我的代码和管理依赖项.我也使用 Mocha作为TDD / BDD的测试框架.

一切都工作正常,直到我想使用Sinon.JS引入存根,模拟和间谍.经过大量的搜索,我在test frameworks in the RequireJS wikiSquire.js看到了一个页面,看起来它很适合我的需求.但是,当我尝试使用Squire.js加载模块时,Mocha突然报告模块依赖关系的全局泄漏.如果我使用Require.JS直接加载模块,则不会报告泄漏.

例如,以下测试代码不会导致Mocha报告任何泄漏:

  1. define(['app/app'],function(app) {
  2. describe('App',function() {
  3. it('Should define a \'header\' region',function() {
  4. expect(app.headerRegion).to.exist;
  5. });
  6.  
  7. it('Should define a \'main\' region',function() {
  8. expect(app.mainRegion).to.exist;
  9. });
  10. });
  11.  
  12. return {
  13. name: "App"
  14. };
  15. });

但是,将代码转换为使用Squire.js如下导致Mocha报告jQuery,Backbone和Marionette(app.js的依赖项)的泄漏:

  1. define(['Squire'],function(Squire) {
  2. describe('App',function() {
  3.  
  4. var testContext = {};
  5.  
  6. beforeEach(function(done) {
  7. testContext.injector = new Squire();
  8. testContext.injector.require(['app/app'],function(app) {
  9. testContext.app = app;
  10. done();
  11. });
  12. });
  13.  
  14. it('Should define a \'header\' region',function() {
  15. expect(testContext.app.headerRegion).to.exist;
  16. });
  17.  
  18. it('Should define a \'main\' region',function() {
  19. expect(testContext.app.mainRegion).to.exist;
  20. });
  21. });
  22.  
  23. return {
  24. name: "App"
  25. };
  26. });

我究竟做错了什么?我完全感到困惑的是,Mocha没有报告RequireJS泄漏,但是Squire.js报告泄漏.我还尝试了在另一个StackOverflow question on mocking RequireJS dependencies中找到的一些其他解决方案,例如自定义函数和testr.js,在Squire.js之前,并且有类似的结果.到目前为止,我一直无法找到一个使用Mocha,RequireJS和Sinon.JS的示例.

我已经placed my current code base on GitHub,以防有一些我遗漏的关键信息或其他东西.有问题的测试可以在test\spec\test.app.js找到.

非常感谢任何帮助.我非常希望通过我的测试设置来解决问题并实际开发我的应用程序.提前致谢.

解决方法

在进一步思考之后,我意识到这实际上是预期的行为以及app.js加载测试时的时间副作用.

我的测试是通过RequireJS在下面显示的require语句中加载的

  1. require([
  2. 'spec/test.smoketest','spec/test.app'
  3. ],runMocha);

其中runMocha只是一个简单调用mocha.run()的函数.

在我看来,Mocha最有可能检测到全局泄漏的方式是比较每次测试运行之前和之后全局注册内容.在上面的第一个示例中,在没有报告泄漏的情况下,jQuery,Backbone和Marionette由RequireJS加载,然后在加载test.app.js模块时调用mocha.run().另一方面,Backbone和Marionette在第二个示例中作为测试本身的一部分加载.

因此,第一个配置不会报告任何泄漏,因为在调用mocha.run()之前,Backbone和Marionette已经全局注册.第二个配置报告泄漏,因为它们是在测试期间注册的.

既然我明白了发生了什么,并且这是预期的,我很乐意配置Mocha来允许这些全局对象.这可以在Mocha配置中完成,如下所示:

  1. mocha.setup({
  2. ui: "bdd",globals:["_","$","jQuery","Backbone","Marionette"]
  3. });

猜你在找的JavaScript相关文章