Question

我无法弄清楚为什么这个测试没有通过。

var expect = require('chai').expect;

describe('HelloComponent', function() {

  it('passes a quite simple test', function() {
    expect(1 + 4).to.equal(5);
  });

});

产生此错误：

DEBUG [web-server]: serving: /Users/ivan/dev/react-starter/node_modules/karma/static/context.html
DEBUG [web-server]: serving (cached): /Users/ivan/dev/react-starter/node_modules/mocha/mocha.js
DEBUG [web-server]: serving (cached): /Users/ivan/dev/react-starter/node_modules/karma-mocha/lib/adapter.js
DEBUG [web-server]: serving (cached): /Users/ivan/dev/react-starter/test/front-end/tests.webpack.js
Chrome 41.0.2272 (Mac OS X 10.10.2) HelloComponent passes a quite simple test FAILED
        TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them
            at new Assertion (/Users/ivan/dev/react-starter/test/front-end/tests.webpack.js:2166:43 <- webpack:///~/chai/lib/chai/assertion.js:33:42)
            at chai.expect (/Users/ivan/dev/react-starter/test/front-end/tests.webpack.js:3592:13 <- webpack:///~/chai/lib/chai/interface/expect.js:9:11)
            at Context.<anonymous> (/Users/ivan/dev/react-starter/test/front-end/tests.webpack.js:89:6 <- webpack:///test/front-end/hello-spec.js:10:4)

这可能与babel以严格模式包装东西有关？

有谁知道我可以采取哪些步骤来弄清楚这里会发生什么？

代码是开源的，可在此处获取： https://github.com/UWFosterIT/react-starter/tree/gulp-webpack

安装并重现此错误：

git clone https://github.com/UWFosterIT/react-starter.git
npm install
gulp test:karma

Answer 1

我正在使用babel和ES6模块。 ES6代码是隐含严格的模式。 Chai的断言库与上面设置的严格模式不兼容。

解决方案是忽略/不包括webpack babel loader中的node_modules：

这是我的karma.conf.js的相关部分：

webpack: {
  // any necessary webpack configuration
  devtool: 'inline-source-map',
  module: {
    loaders: [
      { test: /\.js$/, loader: 'babel', exclude: /node_modules/ }
    ]
  }
},

排除是一个正则表达式测试，而不是一个简单的字符串。

Answer 2

我挣扎了大约一天然后意识到你不需要进口/要求柴。它已经可以使用jasmine＆＃39; @RequestMapping(value="/{path}/**", method = RequestMethod.GET) public void getCsv(@PathVariable("path") String path, HttpServletRequest request){ //your code here...。

只需删除行describe，即可获得下面的规格/测试。

var expect = require('chai').expect;

我看过很多不同的Webpack 2 + Karma + Chai的例子我错过了我不需要导入它的事实

Answer 3

正确安装chai为我解决了这个问题：

$ npm i -D chai
+-- chai@4.0.2
| +-- check-error@1.0.2
| +-- deep-eql@2.0.2
| | `-- type-detect@3.0.0
| +-- get-func-name@2.0.0
| +-- pathval@1.1.0
| `-- type-detect@4.0.3
`-- nock@9.0.13
  `-- chai@3.5.0
    +-- deep-eql@0.1.3
    | `-- type-detect@0.1.1
    `-- type-detect@1.0.0

为了尝试使用chai次请求http，我只安装了chai-http。而不是chai本身。但是他们都在使用它们：

'use strict';

const chaiHttp = require('chai-http');
const chai = require('chai');
const expect = chai.expect;
chai.use(chaiHttp);

所以我试图明确地安装chai，显然它解决了这个问题。我可以使用expect，并且不再抛出错误。

Babel / Karma / Chai给出TypeError：严格模式函数可能无法访问'caller'，'callee'和'arguments'属性

3 个答案: