/ / Jest SyntaxError podczas importowania pliku - javascript, reagjs, jestjs

Jest SyntaxError podczas importowania pliku - javascript, reactjs, jestjs

Mam błąd SyntaxError podczas uruchamiania Jest. Prawdopodobnie jest coś, co muszę dodać w konfiguracji jest, aby to działało. Jakaś wskazówka?

jest błąd - SyntaxError: Nieoczekiwany token. Oto kod weryfikujący błąd.

Code.js

import React from "react";
import hljs from "highlight.js";
import "highlight.js/styles/github.css";

class Code extends React.Component {
componentDidMount() {
hljs.highlightBlock(this.component)
}

render() {
const code = "{"name": "Daniel"}";
return (
<pre ref={(node) => { this.component = node }}>
<code className="json">{code}</code>
</pre>
);
}
}

export default Code;

Code.test.js

import Code from "./Code";

describe("Code", () => {
it("renders correctly", () => {
expect(1).toBe(1);
});
});

package.json

{
"scripts": {
"test": "jest"
},
"dependencies": {
"highlight.js": "^9.12.0",
"react": "^16.2.0"
},
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-core": "^6.26.0",
"babel-jest": "^22.1.0",
"babel-preset-env": "^1.6.1",
"babel-preset-react": "^6.24.1",
"jest": "^22.1.4",
"regenerator-runtime": "^0.11.1"
},
"babel": {
"presets": [
"env",
"react"
]
}
}

Z góry dziękuję.

Odpowiedzi:

0 dla odpowiedzi № 1

Odpowiedź to w Jest docs (kto by pomyślał? :).

Zaktualizuj pakiet.json za pomocą

{
"jest": {
"moduleNameMapper": {
"\.(css|less)$": "./styleMock.js"
}
}

i dodaj styleMock.js

module.exports = {};