我正在尝试使用 react-navigation 为应用程序编写测试,但我遇到了正确读取路线和参数的问题。
我收到一个错误
TypeError:无法读取未定义的属性“参数”
上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(),
};
});
我不确定我是否错误地包装了组件,或者我是否遗漏了其他东西。
任何想法或帮助将不胜感激。
谢谢。