Hydrogen test providers

[kcarra]

Opening this discussion to get some momentum around this topic. As we've started to build out more tests in our hydrogen app we've discovered the need for additional providers to be able to render our client components that import hydrogen components, and server hooks. This pr would get us 90% of the way there when it comes to testing. We still need to solve the problem of unit testing server components, but this unblocks storybook and react testing library/react-hooks for unit testing client components and server hooks. Shopify/hydrogen#2127

Has the hydrogen team thought about alternative solutions to this problem, or do we want to move forward with exporting these providers publicly?

[frehner]

There has been some discussion here Shopify/hydrogen#1802

[kcarra]

@frehner, yes @davidhousedev and I have been working on this problem. We initially put it off in favor of getting the app launched, but are now at a point where we'll want to start building out these stories and unit tests. As an MVP does it makes sense to expose these providers either via @shopify/hydrogen/testing or even @shopify/hydrogen/experimental to at least unblock teams using storybook or trying to unit testing using react testing library. I know @blittle had thrown around the idea in that discussion about making those components more resilient in a testing env. I think that is an interesting idea as well, I did notice the use of the __HYDROGEN_TEST__ global that gets defined and used in some of the providers/hooks.

[frehner]

Sounds good. Let's move the conversation over to that discussion so we're not splitting the discussion, if you don't mind. 👍