효소 오류가있는 반독성 농산물 테스트

Question

다음과 같이 농산물과 효소로 반응이 가능한 앱을 테스트하려고합니다. npm test 실행에

import 'react-native'; 
import React from 'react'; 
import renderer from 'react-test-renderer'; 
import { shallow } from 'enzyme'; 

import { SignUp } from '../../src/pages'; 

describe('Testing SignUp component',() => { 
    it('renders as expected',() => { 
    const wrapper = shallow(
     <SignUp /> 
    ); 
    expect(wrapper).toMatchSnapshot(); 
    }); 
}); 

나는 Cannot find module 'enzyme/build/ShallowTraversal' from 'shallow.js'

테스트 스위트를 실행하지 못했습니다 오류 얻을.

그 테스트가 수행 마이너스 효소가 무슨 일을 할 수있는 제대로

test('SignUp Page renders correctly',() => { 
    const tree = renderer.create(<SignUp />).toJSON(); 
    expect(tree).toMatchSnapshot(); 
}); 

실행 있습니다?

Answer 1

방금 ​​효소 대 json을 설치하여 문제를 해결했습니다. npm install --save-dev enzyme-to-json

package.json에 snapShotSerializers가 내 test_file.js 내부 toJson을 변경

import 'react-native'; 
import React from 'react'; 
import renderer from 'react-test-renderer'; 
import { shallow } from 'enzyme'; 
import toJson from 'enzyme-to-json'; //added this line 

이

describe('Testing SignUp component',() => { 
    it('renders as expected',() => { 
    const wrapper = shallow(
     <SignUp /> 
    ); 
    expect(toJson(wrapper)).toMatchSnapshot(); //edited this line 
}); 
}); 

에 테스트를 변경 수입

"jest": { 
"preset": "react-native", 
"collectCoverage": true, 
"collectCoverageFrom": [ 
    "**/src/**.{js,jsx}" 
], 
"snapshotSerializers": ["enzyme-to-json/serializer"] //added this line 

}

,536,

내 테스트가 올바르게 실행 중입니다.