react-queryのtest

テストごとにキャッシュの空間が分離される

並列にテストを実行しても大丈夫

こういうrappwrをかます

code:ts

const queryClient = new QueryClient();

const Wrapper: React.FC<{ children: ReactNode }> = props => (

<QueryClientProvider client={queryClient}>

{props.children}

</QueryClientProvider>

);

retryする設定をoffにしておく

setQueryDefaultsを使ってqueryをセットしておくこともできる(あまりやらない)

テストするComponentの子がuseQueryを使っている場合もどうにかなる

ReactQueryConfigProviderを作って使う