我在弄清楚如何在 Ember 中通过测试时遇到了一些问题。
问题是，我正在尝试在我的项目中使用NProgress，但我无法通过测试。
我正在按照这个例子为它创建一个混合，除了测试之外，一切都很好。
这就是我创建的混音：
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 是因为我可以设置我希望它何时开始以及何时结束。我不想使用需要为动画设置时间的进度条。
提前致谢！