Question

我已经创建了要使用mocha / chai / enzyme组合进行测试的react应用，但是我无法设置测试文件。

我决定遵循有关创建摩卡测试的教程，该教程位于https://www.robinwieruch.de/react-testing-mocha-chai-enzyme-sinon。我已经到了创建使用mocha命令的脚本的地步。以下

这是我的package.json：

{
  "name": "congressforme-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@babel/core": "^7.6.4",
    "@babel/register": "^7.6.2",
    "@types/react": "^16.9.4",
    "@types/react-bootstrap": "^0.32.20",
    "@types/react-dom": "^16.9.1",
    "@types/react-router-bootstrap": "^0.24.5",
    "@types/react-router-dom": "^5.1.0",
    "axios": "^0.19.0",
    "bootstrap": "^4.3.1",
    "bootstrap-3-card": "^0.2.0",
    "chai": "^4.2.0",
    "enzyme": "^3.10.0",
    "enzyme-adapter-react-16": "^1.15.1",
    "ignore-styles": "^5.0.1",
    "jquery": "^3.4.1",
    "jsdom": "^15.2.0",
    "mdbreact": "^4.21.0",
    "mocha": "^6.2.2",
    "newman": "^4.5.5",
    "popper.js": "^1.15.0",
    "react": "^16.10.1",
    "react-bootstrap": "^1.0.0-beta.12",
    "react-bootstrap-card": "^0.2.1",
    "react-dom": "^16.9.0",
    "react-paginate": "^6.3.0",
    "react-router-bootstrap": "^0.25.0",
    "react-router-dom": "^4.3.1",
    "react-scripts": "3.1.2",
    "react-twitter-embed": "^2.0.8",
    "typescript": "^3.6.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "deploy": "aws s3 sync build/ s3://congressforme",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "my-tests": "mocha --require @babel/register --require ./test/helpers.js --require ./test/dom.js --require ignore-styles ./src/**/*.spec.js"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

这是我收到的错误消息：

ERROR: Unexpected token {
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! congressforme-app@0.1.0 my-tests: `mocha --require `@babel/register --require ./test/helpers.js --require ./test/dom.js --require ignore-styles ./src/**/*.spec.js

我的src文件夹中只有1个测试文件。它名为App.spec.js

这是它的样子：

import React from 'react';
import App from './App';
import  Navbar  from "react-bootstrap";

// this is a testing suite app component
describe('App Component', () => {

  // this is a single test in the testing suite
  it('renders the Counter wrapper', () => {
    const wrapper = shallow(<App />);
    expect(wrapper.find(Navbar)).to.have.length(1);
  });
});

但是，即使我完全删除了App.spec.js的内容，仍然会发生相同的错误。

运行摩卡测试时出现意外的令牌“ {”

0 个答案: