Laufen Jest test in IntelliJ IDEA

Erstellte ich eine app Reagieren mit create-react-app version 1.4.0 und öffnete die resultierende Projekt in IntelliJ. Jetzt bin ich versucht, die generierten Tests in IntelliJ als gut. Ich bekomme die folgende Ausgabe, wenn ich das tun:

/usr/bin/node /home/l/src/hello-react/node_modules/jest/bin/jest --config {\"rootDir\":\"/home/l/src/hello-react\",\"transformIgnorePatterns\":[\"/node_modules/\",\"^/home/l/bin/idea-IU-172.3544.35/plugins/JavaScriptLanguage/helpers\"],\"unmockedModulePathPatterns\":[\"^/home/l/bin/idea-IU-172.3544.35/plugins/JavaScriptLanguage/helpers\"]} --colors --setupTestFrameworkScriptFile /home/l/bin/idea-IU-172.3544.35/plugins/JavaScriptLanguage/helpers/jest-intellij/lib/jest-intellij-jasmine.js --testPathPattern ^/home/l/src/hello\-react/src/App\.test\.js$ --testNamePattern "^(test )?renders without crashing$"
 FAIL  src/App.test.js
   Test suite failed to run

    /home/l/src/hello-react/src/App.test.js: Unexpected token (7:18)
        5 | it('renders without crashing', () => {
        6 |   const div = document.createElement('div');
      > 7 |   ReactDOM.render(<App />, div);
          |                   ^
        8 | });
        9 | 

Test Suites: 1 failed, 1 total
Tests:       0 total
Snapshots:   0 total
Time:        2.73s
Ran all test suites matching /^/home/l/src/hello\-react/src/App\.test\.js$/ with tests matching "^(test )?renders without crashing$".

Process finished with exit code 1
Empty test suite.

Ich bin nur läuft der generierte code. Ich habe nicht geändert oder geschrieben habe eigenen code. Was muss ich tun, um der Lage sein, um diesen test ausführen, in IntelliJ IDEA?

Als Referenz, hier sind die wichtigen Dateien:

App.test.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

it('renders without crashing', () => {
  const div = document.createElement('div');
  ReactDOM.render(<App />, div);
});

App.js

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <div className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h2>Welcome to React</h2>
        </div>
        <p className="App-intro">
          To get started, edit <code>src/App.js</code> and save to reload.
        </p>
      </div>
    );
  }
}

export default App;

Paket.json

{
  "name": "hello-react",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.0.0",
    "react-dom": "^16.0.0",
    "react-scripts": "1.0.13"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

 

2 Replies
  1. 1

    Im Scherz Konfiguration Auszuführen, wählen Sie:

    jest-package: react-scripts
    jest options: --env=jsdom 
    • Danke für die Antwort. Ich arbeite an etwas anderes heute. Hoffentlich werde ich wieder zu diesem nächste Woche. Ich werde weitergeben, die upvotes/akzeptiert als angemessen, schließlich, also bitte Geduld 😉
    • Wenn ich wählen Sie react-scripts als Scherz Paket, bekomme ich die Fehlermeldung ReferenceError: document is not defined.
    • Diese beiden Optionen gearbeitet!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.