2017-12-29 56 views
0

나는 AppNavigator 구성 요소는 다음과 같습니다과 같은돌아 오는 시험 사용 농담

import 'react-native'; 
import React from 'react'; 
import { shallow } from 'enzyme'; 
import toJson from 'enzyme-to-json'; 
import { createStore } from 'redux'; 
import AppNavigator, { mapStateToProps } from '../../src/navigation'; 
import { Pages } from '../../src/data'; 

const nav = { routeName: Pages.AFFIRMATION }; 

describe('Testing App Navigation',() => { 
    let state = null; 
    it('renders as expected',() => { 
     const wrapper = shallow(
      <AppNavigator store={createStore(() => nav)} /> 
     ); 
     expect(toJson(wrapper)).toMatchSnapshot(); 
    }); 
}); 

아래에 돌아 오는 사용 비 저장 구성 요소 탐색에게 반응을 테스트하기 위해 노력하고 있어요 : 내가 코드 커버리지 npm test -- --coveraage을 확인

import React from 'react'; 
import { addNavigationHelpers } from 'react-navigation'; 
import { connect } from 'react-redux'; 
import { Navigator } from './routes'; 

const AppNavigator = ({ dispatch, nav }) => (
    <Navigator navigation={addNavigationHelpers({ dispatch, state: nav })} /> 
); 

const mapStateToProps = state => ({ 
    nav: state.nav, 
}); 

export default connect(mapStateToProps)(AppNavigator); 

도전 나는이 줄 (11) <Navigator navigation={addNavigationHelpers({ dispatch, state: nav })} />과 그것을 호출하는 함수가 발견되었음을 realiase한다.

line 11 is uncovered

내가 무엇을 놓치고, 왜 라인 (11)이 발견된다?

답변

0

해결책은 AppNnavigator 기능을 다른 파일로 분리 한 다음 테스트를 수행합니다.