react-native - 如何将导航参数发送到测试

Question

我正在尝试测试订阅功能，但我对 Jest 和测试还很陌生，但找不到解决方案。情况如下:

该订阅表单分为两部分，第一个部分向第二个部分发送数据。

我的问题是，如何在我的测试(第二种形式)上设置 react 导航的默认参数？

也许你会通过代码更好地理解:

我的测试结果:

TypeError: Cannot read property 'getParam' of undefined

    > 33 |       lastName: navigation.getParam('lastName', undefined),

我的测试:

describe('checking datas', () => {
  it('checking good datas', () => {
    const formUser = {
      birthday: '17/07/1992',
      country: 'France',
      refGolf: 'Bruges',
    };
    const datas = renderer.create(<SubscribeNext />).getInstance();

    expect(datas.checkValues(
      formUser.birthday,
      formUser.country,
      formUser.refGolf,
    )).toBeTruthy();
  });

我的第一个表单正在发送数据:

  toSubscribeNext() {
    const {
      navigation
    } = this.props;
    const {
      lastName,
      firstName,
      email,
      username,
      password,
      passwordCheck
    } = this.state;

    if (this.checkValues(lastName, firstName, email, username, password, passwordCheck)) {
      navigation.navigate('SubscribeNext', {
        lastName,
        firstName,
        email,
        username,
        password
      });
    }
  }

我的第二种形式正在获取它们:

export default class Subscribe extends Component {
  constructor(props) {
    super(props);
    const { navigation } = props;
    this.state = {
      lastName: navigation.getParam('lastName', undefined),
    }
  }
...

Answer 1

1 - 在您的第一个来自:

 this.props.navigation.navigate('SubscribeNext', { lastName: this.state.lastName, ... })}

2 - 在你的第二种形式中:

使用 componentWillReceiveProps 接收 props 并更新状态

...
    this.state = {lastName:''};
      ....
    componentWillReceiveProps(nextProps) {
        if (nextProps.navigation.state.params.lastName) {
          this.setState({lastName:nextProps.navigation.state.params.lastName});
        }
      }