How to handle useShopQuery in e2e tests running within github actions

[nattyg93]

Hi folks,

We are in the process of writing some e2e tests for our project. For context, we are using github actions as our CI platform and one of the core e2e tests loads the main shop page, adds an item to the cart, and check that item has been added to the cart. The issue we are now running into is all the useShopQuery calls (which of course fail when running under github actions). We're hoping to get some guidance as to how we would go about handing these calls. Presumably we are going to need to mock these calls - are there any utils or examples that are included/going to be included in the Hydrogen framework?

Cheers in advance for any help. 🍻

[jplhomer]

Hi! We actually have E2E tests running on GH Actions which hit useShopQuery just fine: https://github.com/Shopify/hydrogen/tree/1103fb575e51d5948c6bd4885bcd911be1f8bf7e/templates/demo-store/tests/e2e (deleted from our main branch but we will soon be adding them back).

I can see the desire to mock them, though. I wonder if there's an opportunity to use an HTTP-level mocking library, something like https://github.com/nock/nock. I have not tried, though!

[nattyg93]

Cheers @jplhomer! I'll take another look at getting that running - I think I jumped to the conclusion they wouldn't work, forgetting that we had a dummy config in the pipeline. 🤦‍♀️

(Edit: Yep - it works perfectly well in the pipeline when the shopify config is correctly set up.)