TypeError：无法读取未定义的属性“导航”

Question

我为一个名为 NewUser.js 的屏幕写了一个快照测试，这里是测试代码：

import React from "react";
import NewUser from "../app/screens/NewUser/NewUser"
import renderer from "react-test-renderer"

describe("<NewUser/>", ()=>{
  it("snapshot", ()=>{
    expect(renderer.create(<NewUser/>).toJSON()).toMatchSnapshot();
  });
});

这里是 NewUser.js

import React, { Component } from 'react';
import { StyleSheet, Text, View, Button} from 'react-native';

import styles from './Styles'

export default class NewUser extends Component {
   static navigationOptions = () => {
    return {
        headerStyle: styles.headerStyle,
        headerTintColor: '#fff',
        headerTitle: 'JetSet',
        headerTitleStyle: {
            flex: 1,
        }
    };
};

render() {

    const { navigate } = this.props.navigation;

    return (
        <View style={styles.background}>
            <View style={styles.container}>
                <Button
                    onPress={() => navigate('Survey', { survey: 'NewUserQuestions' })}
                    title="New User"
                />
            </View>
        </View>
    );
}
}

我在运行测试时遇到了错误。我应该怎么做才能使测试可运行？谢谢。

Answer 1

我通过这样做以某种方式解决了它

{ navigation } = this.props
...navigation.navigate()

我仍然不确定导致该问题的原因，并且解决方案并不完美，但它保存了我的代码。