reactjs - Odottamaton merkki < shallow-tilassa React TypeScriptissä
Käytän Reactia + Typescriptiä + Jestia, olen tehnyt alkuasetukset, mutta kun yritän suorittaa testin, saan seuraavan virheen:
const component = enzyme_1.shallow(<Dummy_1.default />).contains(<h1>Hello</h1>);
^
SyntaxError: Unexpected token <
Package.json
"jest": {
"setupFiles": [
"<rootDir>/tests/setup/test-shim.js",
"<rootDir>/tests/setup/test-setup.js"
],
"moduleFileExtensions": [
"ts",
"tsx",
"js"
],
"transform": {
"^.+\\.(ts|tsx)$": "ts-jest"
},
"testMatch": [
"**/tests/*.(ts|tsx|js)"
]
},
Testitiedosto:
import React from 'react';
import { shallow } from 'enzyme';
import Dummy from '../src/Dummy';
it('renders dummy page', () => {
const component = shallow(<Dummy />).contains(<h1>Hello</h1>);
expect(component).toBeTruthy();
});
Olen yrittänyt lisätä esiasetuksen jestissä, mutta sain vain saman virheen. En ole asentanut babelrc-tiedostoa, pitääkö minun asentaa se? Olen luonut sovelluksen käyttäen create-react-appia.