API mocking

Your task

👨‍💼 In this exercise, I've refactored our application to use the Google Places API to improve the user experience when creating new notes. See, the user can now provide a note's location when creating it! But that introduces a problem... That request will now happen in tests, too! That won't do. Your task is to solve this by using Mock Service Worker and its @msw/playwright package.
🐨 Start by adding msw and @msw/playwright packages as dependencies:
npm i msw @msw/playwright --save-dev
🐨 Next, head to the . I've prepared a few instructions for you to help you implement a new fixture called network. As the name suggests, you're going to be using it to control the state of network in your end-to-end tests!
🐨 Once you've got the network fixture ready, it's time to put it into action. In the test file, complete the test case for a new note creation. In this one, you'd have to intercept an HTTP request to the Google Places API that happens on the client to suggest a list of places for the note's "Location" field. As always, 🐨 Kody and his instructions will guide you to success.
By the end of it all, the tests (npm test) must pass!

Please set the playground first

Loading "API mocking"
Loading "API mocking"

No tests here 😢 Sorry.