如何用jest模拟反应导航参数值

Question

我是一个新手，我试图测试一个组件的呈现，但是我在模拟它接收到的参数时遇到了问题。

这是测试:

describe('<GameScreen /> tests', () => {
it('Render the component correctly ', () => {
const route = {
isAccesibilityModeOn: false
}
const navigate = jest.fn();
const tree = renderer.create(<GameScreen route= {route} navigation={{ navigate }} />).toJSON();
expect(tree).toMatchSnapshot();
});
});

这是我的组件，它正在接收变量isAccesibilityModeOn形式的布尔值:

export default function GameView({route, navigation}) {
const {isAccesibilityModeOn} = route.params;'

return(<Text>Hello</Text>)
}

控制台给我的错误是这个

TypeError: Cannot read property 'isAccesibilityModeOn' of undefinedJest

那么问题是，我如何模拟组件的参数值?

Answer 1

看看你作为道具传递的route对象-它缺少params属性。在组件中，您尝试访问未知params的isAccesibilityModeOn属性，因此您看到此错误。