add recipe for custom queries + custom render

[alexkrolick]

Add a recipe combining these 2 steps:

• https://testing-library.com/docs/dom-testing-library/api-helpers#custom-queries
• https://testing-library.com/docs/react-testing-library/setup#custom-render

[bcarroll22]

This would be very helpful.

I'll add this recipe to the native docs soon, and when I do I'll submit a version for DOM 👍

[bcarroll22]

Still willing to do this, here's my struggle. This custom query in the page you linked is data-test-id, but that's included in the core now. Can you think of a good custom query as an example that isn't an implementation detail or an anti-pattern? If it's in the docs, you could assume folks are going to do it, and I don't want to steer anyone in the wrong direction.

[kentcdodds]

Agreed. If it's a good query for anyone, it's probably a good query for everyone. If it's not a good query for everyone, then it's probably not a good query for anyone.

[bcarroll22]

Make sense to me.

So should we not expose the utilities to build custom queries at all, or leave it and make it undocumented/unsupported/unofficial?

[kentcdodds]

I'd be curious to hear from people who use the feature actually. I never use the feature so I'm maybe not a good candidate for making a decision here.

[alexkrolick]

I've used it for internationalization utils and I've seen other people trying to do that, too

[bcarroll22]

Oh that's cool! Is it possible to show a short version of what that looks like?

[pmarcanol]

I would love to know if it's possible to pass props to the wrapper component, I couldn't find an example anywhere. This would make the feature way more useful since you could be able to pass a custom state to a redux wrapper for example