Ich folge demJest Tutorial um eine reaktionskomponente zu testen und stoße auf vorverarbeitende probleme mit meinem jsx. Ich gehe davon aus, dass der Fehler auf die Vorverarbeitung zurückzuführen ist. Die Fehlermeldung ist nicht sehr hilfreich. Googeln zeigt ähnliche Fehler bei älteren Versionen von React / Jest, die durch Einfügen des @ behoben wurde/** @jsx React.DOM */docblock was soweit ich das beurteilen kann behoben wurde.

Wenn ich meinen Test durchführe:

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.

Die betreffende Zeile sollte meine Komponente rendern:

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');
  });
});

Ich dachte meinpackage.json war dafür verantwortlich, dass Jest diese Datei vorverarbeitet?

 "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"
    ]
  },

Meine Komponente:

import React from 'react';

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

export default MyComponent;