단위 테스트 구문 error, react, mocha

Question

enzyme, mocha 및 chai를 사용하여 반응 애플리케이션에 대한 몇 가지 테스트를 설정하려고합니다. (나는 또한 webpack을 사용하고있다.) 카르마가 브라우저 내 테스트를 위해 설정되었지만 노드로만이 테스트를 실행하고 싶습니다.

현재 테스트를 실행하려고하면 구문 오류가 발생합니다. 나는 그것을 어떻게 해결해야할지 모르겠다.

업데이트 : 내가 ES6 mocha 'components/**/*.test.js' --recursive --compilers js:babel-register

내가 오류 내 테스트를 실행하고 있습니다 것은 :

8 | describe('<button />',() => { 
    9 |  it('renders something',() => { 
> 10 |   const wrapper = shallow(<button />) 
    11 |   expect(wrapper).to.be.present 
    12 | }) 

Answer 1

당신은 그것을 JSX 구문을 처리하기 전에 바벨을 설정해야합니다.

두 가지 옵션이 있습니다 : package.json에 구성을 추가하거나 구성이 포함 된 .babelrc 파일을 생성하십시오.

첫째, babel-preset-react 설치 :

이

$ npm i babel-preset-react --save 

다음에, 다음을 추가하여 package.json :

"babel": { 
    "presets": [ "react" ] 
} 

(또는 .babelrc에, 키 "바벨"하지 않고, 그 객체를 추가)

사용할 가능성이있는 다른 사전 설정은입니다.3210을 추가 할 수 있습니다 (그냥 presets 배열에 추가하면됩니다).

Babel 구성 here 및 here (특히 es2015)에 대한 자세한 설명서.