T
tRPC

Testing with React Testing Library

Testing with React Testing Library

Zzeph1665
View on Discord
11/28/2022
Hi! I am trying to test my 
DestinationForm
DestinationForm
component using react testing library. My test is simply rendering the component: 
test('contains 2 input fields and a submit button', () => {
  const view = render(<DestinationForm />)
})
test('contains 2 input fields and a submit button', () => {
  const view = render(<DestinationForm />)
})
But I get this error: 
TypeError: Cannot destructure property 'client' of 'useContext(...)' as it is null.
const { mutateAsync, error, isLoading } = trpc.itinerary.create.useMutation()
TypeError: Cannot destructure property 'client' of 'useContext(...)' as it is null.
const { mutateAsync, error, isLoading } = trpc.itinerary.create.useMutation()
My guess is that I have to somehow wrap the DestinationForm component with some context so that it is aware of the query client but I'm not sure how to. I'm super new to testing so any help is appreciated(: Thank you!
UUUnknown User
View on Discord
11/30/2022
Message Not Public
Sign In & Join Server To View

Looking for more? Join the community!

T
tRPC

Testing with React Testing Library

Join Server
Recommended Posts
Proxy TRPC server to another clientI've two TRPC servers, one essentially acts like a proxy, it validates auth and based on a specific Unexpected tokenhi, kindly help me on this oneDelay IsLoading....i'm trying to delay a loading spinner from appearing if the api takes less than 200ms to get the datClearing CacheHow do I clear the queryCache for a particular query using the trpc context? If that's not possible,