Stop mocking fetch

What's wrong with this test? // __tests__/checkout.js import * as React from 'react' import {render, screen} from '@testing-library/react' import userEvent from '@testing-library/user-event' import {client} from '~/utils/api-client' jest.mock('~/utils/api-client') test('clicking "confirm" submits payment', async () => { const shoppingCart = buildShoppingCart() render(<Checkout shoppingCart={shoppi

[mizdra]

旧来の fetch の mock を使ったテストの問題点と、それを msw がどのように解決するかについて。なるほどー。

[nc44v-134-nvtyqfgq]

Kent C. Dodds が api client の mock を避けるべきという文脈から msw を紹介していた。Node.js, browser 両方で network に intercept できる。ブラウザでは serviceWorker 使っている。setupFilesAfterEnv での設定例も載っていてよい