我想测试一个 ng-redux 减速器,它有角度(1.6)作为依赖。 当我用摩卡运行测试(
npm test
)时,我得到:
/data/work/mocha-angularjs/node_modules/angular/angular.js:33343
})(window);
^
ReferenceError: window is not defined
我尝试添加 jsdom 来提供一个假窗口。但在导入 Angular 时仍然失败并出现此错误:
module.exports = angular;
^
ReferenceError: angular is not defined
有没有办法让 Angular 在 mocha/babel 世界中正常工作?
我在here创建了一个小型 GitHub 项目,它重现了该问题。
以下是该项目的内容:
{
"name": "mocha-angularjs",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencies": {
"angular": "^1.6.3"
},
"devDependencies": {
"babel-core": "^6.24.0",
"babel-preset-es2015": "^6.24.0",
"babel-preset-latest": "^6.24.0",
"chai": "^3.5.0",
"jsdom": "9.12.0",
"jsdom-global": "2.1.1",
"mocha": "^3.2.0"
},
"scripts": {
"test": "NODE_ENV=test mocha src/index.test.js --compilers js:babel-register --require jsdom-global/register"
},
"repository": {
"type": "git",
"url": "git+https://github.com/jtassin/mocha-angularjs.git"
},
"author": "",
"license": "ISC",
"bugs": {
"url": "https://github.com/jtassin/mocha-angularjs/issues"
},
"homepage": "https://github.com/jtassin/mocha-angularjs#readme"
}
{
"plugins": [],
"presets": [
"latest",
]
}
import angular from 'angular';
export default function getFive() {
return 5;
}
import expect from 'chai';
import getFive from './index';
describe('desc', () => {
it('my test', () => {
expect(getFive()).to.equal(5);
});
});
万一有一天有人需要它:
我使用angularcontext来解决这个问题。
"devDependencies": {
"angularcontext": "0.0.23",
[...]
},
/* eslint-env mocha */
/* eslint-disable import/no-extraneous-dependencies */
import angularcontext from 'angularcontext';
before((done) => {
const context = angularcontext.Context();
context.runFile('./node_modules/angular/angular.js', (result, error) => {
if (error) {
/* eslint-disable no-console */
console.error(error);
done(error);
} else {
global.angular = context.getAngular();
done();
}
});
});
/* eslint-disable import/prefer-default-export */
export const angular = global.angular;
github 项目已随之更新。