Mam błąd SyntaxError podczas uruchamiania Jest. Prawdopodobnie jest coś, co muszę dodać w konfiguracji jest, aby to działało. Jakaś wskazówka?
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 № 1Odpowiedź 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 = {};