我收到此处发现的确切错误:(window.beforeEach || window.setup) is not a function 。然而修复不起作用,author of the tutorial series here甚至提到了相同的修复。
这只是将 angular-mock
脚本标记放置在 Mochai
和 Chai
脚本之后。我在下面这样做了:
测试/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Mocha Spec Runner</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" href="../app/favicon.ico">
<link rel="apple-touch-icon" href="../app/assets/imgs/apple-touch-icon.png">
<link href="bower_components/mocha/mocha.css" rel="stylesheet">
</head>
<body>
<div id="mocha"></div>
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/mocha/mocha.js"></script>
<script src="../bower_components/chai/chai.js"></script>
<!-- see Angular-mocks is here :( -->
<script src="../bower_components/angular-mocks/angular-mocks.js"></script>
<script>
mocha.setup('bdd');
</script>
<script src="main.spec.js"></script>
<script>
mocha.run();
</script>
</body>
</html>
我的 main.spec.js 文件
/**
* @name Mocha Test Runner
* @desc Describes and runs our dashboard tests
*/
var assert = chai.assert;
var expect = chai.expect;
// This Test is designed to fail on purpose
describe('User Login', function() {
console.log('User Login');
describe('Login Failed', function() {
console.log('Login Failed');
if ('Incorrect login should fail', function() {
module('loginController')
inject(function($injector) {
apiFactory = $injector.get('ApiFactory');
});
expect(apiFactory).to.be.an('number');
});
});
});
我的 Gulp 任务
gulp.task('serve', function() {
return browserSync.init({
notify : false,
port : 3333,
server: {
baseDir: ['app'],
routes: {
'/bower_components' : 'bower_components'
}
}
});
});
gulp.task('serve-test', function() {
browserSync.init({
notify : false,
port : 4444,
server: {
baseDir: ['test', 'app'],
routes: {
'/bower_components' : 'bower_components'
}
}
});
});
最佳答案
在 index.html
文件中,在调用 mocha.setup 之前包含
。 angular-mocks.js
脚本('bdd')angular-mocks.js
被实现为立即调用的函数表达式,它尝试使用 window.beforeEach
。 (https://github.com/angular/bower-angular-mocks/blob/master/angular-mocks.js#L2586)
但是,mocha.js
不会立即调用,必须使用 mocha.setup
函数进行初始化,以便为运行时环境添加其魔力。
尝试颠倒这些脚本标记的顺序,以便在 angular-mocks.js
之前包含并初始化 mocha.js
。
<script src='bower_components/mocha/mocha.js'></script>
<script src='bower_components/chai/chai.js'></script>
<script>
mocha.setup('bdd');
</script>
<script src="bower_components/angular-mocks/angular-mocks.js"></script>
关于javascript - 为什么我会收到此 Angular-Mock 错误并且 Mocha 测试未运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35461233/