Я следую заШутка учебник протестировать реагирующий компонент, и я сталкиваюсь с проблемами предварительной обработки с моим jsx. Я предполагаю, что ошибка связана с предварительной обработкой, сообщение об ошибке не очень полезно. Поиск в Google показывает похожие ошибки с более старыми версиями реакции / шутки, которые были исправлены путем включения/** @jsx React.DOM */ Докблок, который, насколько я могу судить, был исправлен.

Когда я запускаю свой тест:

Using Jest CLI v0.8.0, jasmine1
 FAIL  spec/MyComponent_spec.js
Runtime Error
SyntaxError: /Users/asdf/react/stuff-react/spec/MyComponent_spec.js: Unexpected token (13:6)
npm ERR! Test failed.  See above for more details.

Строка, о которой идет речь, должна отображать мой компонент:

jest.dontMock('../src/MyComponent');

let React = require('react');
let ReactDOM = require('react-dom');
let TestUtils = require('react-addons-test-utils');

const MyComponent = require('../src/MyComponent');

describe('MyComponent', function(){
  it('render', function(){

    var myComponent = TestUtils.renderIntoDocument(
      // This is the line referenced in the test error
      <MyComponent />
    )
    var myComponentNode = ReactDOM.findDOMNode(myComponent);

    expect(myComponentNode.textContent).toEqual('hi');
  });
});

Я думал мойpackage.json был ответственен за то, чтобы сказать шутку, чтобы предварительно обработать этот файл?

 "scripts": {
    "test": "jest"
  },
  "jest": {
    "testDirectoryName": "spec",
    "scriptPreprocessor": "<rootDir>/node_modules/babel-jest",
    "unmockedModulePathPatterns": [
      "<rootDir>/node_modules/react",
      "<rootDir>/node_modules/react-dom",
      "<rootDir>/node_modules/react-addons-test-utils",
      "<rootDir>/node_modules/fbjs"
    ]
  },

Мой компонент:

import React from 'react';

class MyComponent extends React.Component({
  render () {
    return (
      <div>
        hi
      </div>
    )
  }
});

export default MyComponent;