測試使用enyzme淺和react-intl與反應原生

Question

我一直在嘗試模擬onPress使用酶淺呈現。 但是我無法訪問TouchableOpacity由於反應國際

我見過的輔助函數注入intl到反應組件，但這些似乎只適用於反應，而不是反應本地。

it("should handle button presses",() => { 
    const onPress = sinon.spy(); 
    const button = shallow(
    <IntlProvider locale='en'> 
     <ButtonApprove 
     tintColor={STYLES.COLOR.BRAND_SUCCESS} 
     buttonStyle={{}} 
     containerStyle={{}} 
     handlePress={onPress} 
     /> 
    </IntlProvider> 
); 
    // console.log(button.instance()); 
    button.find(TouchableOpacity).simulate('press'); 
    expect(onPress.calledOnce).toEqual(true); 
}); 

JSdom是否會成爲這種情況？

Answer 1

這種方法幫助我避免用IntlProvider包裝我的組件。

How can I test react-native component with mocha + enzyme + chai when it's wrapped in a Provider component

我使用.dive（）& .instance（）

希望這有助於其他人處理相同問題是能夠穿越到所需的組件。