Jest SyntaxError lors de l'importation de fichier - javascript, reactjs, jestjs

J’ai une SyntaxError lors de l’exécution de Jest. Il ya probablement quelque chose que j’ai besoin d’ajouter dans la configuration de Jest pour que cela fonctionne. Un indice?

Voici le code pour vérifier l'erreur.

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

Merci d'avance.

Réponses:

La réponse est dans les documents Jest (Qui aurait pensé? :).

Mettre à jour package.json avec

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

et ajoutez styleMock.js

module.exports = {};