测试使用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（）

希望这有助于其他人处理相同问题是能够穿越到所需的组件。