Add option to mountHook to use custom mount method

What would you like?

It would be great to have the option to use a custom mount method when using mountHook.

Why is this needed?

Currently I have to mount a component to test hooks that depend on a React.Context or a Provider. With a custom version of mount as described in https://github.com/cypress-io/cypress/blob/develop/npm/react/docs/providers-and-composition.md, this would be possible without creating components.

[sethomas]

bump, also here for same thing.

I have context, that needs a provider.

Sure I could just use mount and add the provider there, and the hook, but then I need to render items from the hook and check the rendered items. I’d rather just test the return of the hook directly and the above example with @testing-library/react-hooks is exactly what I want with that wrapper option.

EDIT: I am actually using import {renderHook} from '@testing-library/react-hooks/dom'; in my cypress component testing setup, I can use renderHook with the wrapper option, get the return values, then set my assertions.

[rockindahizzy]

We removed mountHook in v11. We recommend mounting your hook in a test component instead. Here are docs describing the way forward without mountHook