如何使用Jest测试React Native组件行为和道具?

时间:2016-09-27 08:22:26

标签: testing reactjs react-native jestjs

我已成功在React Native组件中设置Jest测试环境,该组件绘制Button(基本上是TouchableText组件的组合)。

我可以运行如下快照测试:

test('Renders', () => {
  const component = renderer.create(
    <Button>
      Button
    </Button>
  )
  const tree = component.toJSON()
  expect(tree).toMatchSnapshot()
})

但是,我想更进一步,开始测试组件的props(即,检查 Button 文本是否作为props.children传递,我也是想要测试onPress功能,模拟用户点击并检查是否调用了传递的函数。

如何使用Jest + React Native环境执行此操作?

PS:我目前正在使用react-native ~> v0.34jest ~> v15.1.1jest-react-native ~> v15.0.0运行此代码。

0 个答案:

没有答案