Testing 如何使用Jest测试React本机组件的行为和道具?
我已经成功地在React本地组件中设置了Jest测试环境,该组件绘制了一个Testing 如何使用Jest测试React本机组件的行为和道具?,testing,reactjs,react-native,jestjs,Testing,Reactjs,React Native,Jestjs,我已经成功地在React本地组件中设置了Jest测试环境,该组件绘制了一个按钮(基本上是可触摸的和文本组件的组合) 我可以运行快照测试,如下所示: test('Renders', () => { const component = renderer.create( <Button> Button </Button> ) const tree = component.toJSON() expect(tree).toMatch
按钮
(基本上是可触摸的
和文本
组件的组合)
我可以运行快照测试,如下所示:
test('Renders', () => {
const component = renderer.create(
<Button>
Button
</Button>
)
const tree = component.toJSON()
expect(tree).toMatchSnapshot()
})
test('Renders',()=>{
const component=renderer.create(
按钮
)
const tree=component.toJSON()
expect(tree.toMatchSnapshot())
})
但是,我想更进一步,开始测试组件的props
(即,检查按钮文本是否作为props.children
传递,我还想测试onPress
功能,模拟用户点击并检查是否调用了传递的函数
我如何在本机环境中使用Jest+React实现这一点
PS:我目前正在用
react native~>v0.34
,jest~>v15.1.1
和jest react native~>v15.0.0
运行这段代码。你读过react的文档了吗?是的,我读过了。它们没有提供足够的信息来编写我想要的测试。关于jest有一个有用的线程。你可以通过com调用任何道具然后重新生成JSON以对照快照进行检查