Я пытаюсь написать тест для приложения с помощью реакции-навигации, и у меня возникают проблемы с правильным чтением маршрута и параметров.
Я получаю сообщение об ошибке
TypeError: Невозможно прочитать свойство params неопределенного
на const [leadId] = useState(route.params.leadId);
мои компоненты выглядят как
export default function AComponent() {
const route = useRoute();
const navigation = useNavigation();
const dispatch = useDispatch();
const [leadId] = useState(route.params.leadId);
}
Я пробовал следовать https://callstack.github.io/react-native-testing-library/docs/react-navigation/ но я получил Warning: React.createElement: type is invalid
при упаковке компонента.
Мой тест выглядит как
import React from 'react';
import { Provider } from 'react-redux';
import { NavigationContainer } from '@react-navigation/native';
import { render, fireEvent, cleanup } from 'react-native-testing-library';
import configureMockStore from 'redux-mock-store';
import AComponent from 'components/contact/AComponent';
const mockStore = configureMockStore([]);
describe('<AComponent />', () => {
let getByTestId, store;
beforeEach(() => {
store = mockStore({});
({ getByTestId } = render(
<Provider store={store}>
<AComponent />
</Provider>
));
});
});
мой макет
jest.mock('@react-navigation/native', () => {
return {
useNavigation: () => ({ goBack: jest.fn() }),
useRoute: jest.fn(),
};
});
Я не уверен, неправильно ли я упаковываю компоненты или мне не хватает чего-то еще.
Любые идеи или помощь были бы очень признательны.
Спасибо.