如何解决react-query 如何在 Jest 测试中从自定义 useMutation 钩子调用 mutate
我正在运行一个 React Native 项目,我正在测试用 react-query 编写的自定义钩子。我正在使用 Jest、@testing-library/react-hooks 和 @testing-library/react-native。在我的测试中,我似乎找不到调用钩子返回的 mutate 函数的方法。
看看自定义钩子:
export default function useAuthentication() {
const { mutate,data,isSuccess,isError } = useMutation(
authenticationApi.authenticateUser
);
return { mutate,isError };
}
根据 react-query 的文档,我正在使用 renderHook() 渲染钩子并等待突变调用的结果:
const authBody: AuthBody = {
username: '111111',password: '111111',};
describe('Authentication Hook',() => {
const sanityCall = () =>
axios.post('http://localhost:4000/auth/authenticate');
console.log(sanityCall());
const queryClient = new QueryClient();
it('Gets authentication data',async () => {
const wrapper = ({ children }: any) => (
<QueryClientProvider client={queryClient}>
<Provider store={store}>
<PersistGate loading={null} persistor={persistor}>
{children}
</PersistGate>
</Provider>
</QueryClientProvider>
);
const { result,waitFor } = renderHook(() => useAuthentication(),{
wrapper,});
await waitFor(() => {
result.current.mutate({
username: authBody.username,password: authBody.password,});
return result.current.isSuccess;
});
expect(result.current.data).toEqual({ answer: 42 });
});
});
它不调用 API。我的本地服务器的终端窗口记录我在使用 sanityCall()
时正在 ping 服务器,但当我注释掉该调用并依赖钩子时保持沉默。有没有人对如何测试这样的自定义钩子有任何想法?
解决方法
将它包装在 Act 中并在那里调用 mutate 导致调用我的服务器:
const Wrapper = ({ children }: any) => (
<QueryClientProvider client={queryClient}>
<Provider store={store}>
<PersistGate loading={null} persistor={persistor}>
<NavigationContainer>{children}</NavigationContainer>
</PersistGate>
</Provider>
</QueryClientProvider>
);
it('Gets authentication data',async () => {
const { result } = renderHook(() => useAuthentication(),{
wrapper: Wrapper,});
act(() => {
result.current.mutate({
username: authBody.username,password: authBody.password,});
});
const token = store.getState().token;
console.log('TOKEN:');
console.log(token);
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。