在ember

Question

我面临一些问题，想弄清楚如何在Ember中通过测试。

问题是，我尝试在我的项目中使用NProgress，但我无法通过测试。

我跟随this example为它创建了一个混音，除了测试之外，一切正常。

我创造的混合：

import Ember from 'ember';
NProgress.configure({ showSpinner: true });

export default Ember.Mixin.create({  
  actions: {
    loading() {
      if(!Ember.$('.nprogress-busy').length) {
            if(Ember.$('#content').length) {
              Ember.$('#content').removeClass('fadeIn');
              Ember.$('#content').addClass('animated fadeOut');
            }
            if(Ember.$('#page-content-wrapper').length) {
              Ember.$('#page-content-wrapper').removeClass('fadeIn');
              Ember.$('#page-content-wrapper').addClass('animated fadeOut');
            } 
          NProgress.start();
        }   
      this.router.one('didTransition', function () {
          window.scrollTo(0, 0);
          setTimeout(function(){
            if(Ember.$('#content').length) {
              Ember.$('#content').removeClass('fadeOut');
              Ember.$('#content').addClass('animated fadeIn');
            }
            if(Ember.$('#page-content-wrapper').length) {
              Ember.$('#page-content-wrapper').removeClass('fadeOut');
              Ember.$('#page-content-wrapper').addClass('animated fadeIn');
            }
          }, 1000);
          NProgress.done();
            return true;
      });
    }, 
      error() {
        NProgress.done();
        return true;
      }
  }
});

那就是失败的原因：

not ok 80 PhantomJS 2.0 - JSHint - mixins: mixins/loading-indicator.js should pass jshint
---
    actual: >
        false
    expected: >
        true
    message: >
        mixins/loading-indicator.js should pass jshint.
        mixins/loading-indicator.js: line 2, col 1, 'NProgress' is not defined.
        mixins/loading-indicator.js: line 16, col 11, 'NProgress' is not defined.
        mixins/loading-indicator.js: line 30, col 11, 'NProgress' is not defined.
        mixins/loading-indicator.js: line 35, col 9, 'NProgress' is not defined.

        4 errors
    Log: |
...

正如您所看到的，我可以在应用程序中使用NProgress而没有任何问题，但是因为我没有在测试失败的任何地方声明NProgress。

有没有人知道如何通过它？

我知道ember中有类似的组件，但我选择使用NProgress，因为我可以设置何时开始，以及何时完成。我不想使用进度条，我需要为动画设置时间。

提前致谢！

Answer 1

有两种方法可以使这个JSHint检查传递：

• 将NProgress添加到predef section of your .jshintrc
• 将/* globals NProgress: false */添加到使用该变量的任何文件的顶部。

我已链接到相应的Ember CLI和JSHint文档以获取更多信息。