Как решить проблему навигации с помощью Jest / Enzyme с реактивной системой

Question

Я сталкиваюсь с проблемой навигации с использованием JEST / Enzyme с реактивной системой.Согласно наблюдению, мы можем решить проблему с навигацией, используя @ reach / router в JEST / Enzyme с реагировать.Невозможно найти решение с реактивом-родным.

Попытка с помощью mock решить проблему.Я могу ошибочно подходить к созданию макета для этого.

Sample.js

import React, { Component } from "react";
import {
  View,
  Image,
  Text,
  ActivityIndicator,
  TouchableOpacity,
} from "react-native";

navigateTo = () => {
  this.props.navigation.navigate("HomeScreen", {
    id: 1
  });
}

sample-test.js

import 'react-native';
import React from "react";

describe('Next Screen', () => {
   test('navigate to Home', ()=> {
       const wrapper = shallow(<Sample />);
       const sampleData = wrapper.instance();
       sampleData.navigateTo(); 
   });
});

Фактический результат: TypeError:_this.props.navigation.navigate не является функцией

Ожидаемый результат: Он успешно работает

Пожалуйста, помогите мне.

Спасибо.