当我有角度(1.6)作为依赖项时,无法使用摩卡测试某些内容

问题描述 投票:0回答:1

我想测试一个 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 项目,它重现了该问题。

以下是该项目的内容:

包.json

{
  "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"
}

.babelrc

{
  "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);
  });
});
javascript angularjs mocha.js jsdom babel-register
1个回答
0
投票

万一有一天有人需要它:

我使用angularcontext来解决这个问题。

package.json

  "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 项目已随之更新。

© www.soinside.com 2019 - 2024. All rights reserved.