Skip to content

Commit c6e1031

Browse files
authored
Update MSW usage in "example-intro"
1 parent e532b2c commit c6e1031

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

docs/react-testing-library/example-intro.mdx

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -72,15 +72,15 @@ See the following sections for a detailed breakdown of the test
7272

7373
```jsx title="__tests__/fetch.test.jsx"
7474
import React from 'react'
75-
import {rest} from 'msw'
75+
import {httpm, HttpResponse} from 'msw'
7676
import {setupServer} from 'msw/node'
7777
import {render, fireEvent, screen} from '@testing-library/react'
7878
import '@testing-library/jest-dom'
7979
import Fetch from '../fetch'
8080

8181
const server = setupServer(
82-
rest.get('/greeting', (req, res, ctx) => {
83-
return res(ctx.json({greeting: 'hello there'}))
82+
http.get('/greeting', () => {
83+
return HttpResponse.json({greeting: 'hello there'})
8484
}),
8585
)
8686

@@ -101,8 +101,8 @@ test('loads and displays greeting', async () => {
101101

102102
test('handles server error', async () => {
103103
server.use(
104-
rest.get('/greeting', (req, res, ctx) => {
105-
return res(ctx.status(500))
104+
http.get('/greeting', () => {
105+
return new HttpResponse(null, { status: 500 })
106106
}),
107107
)
108108

@@ -132,7 +132,7 @@ test('handles server error', async () => {
132132
import React from 'react'
133133

134134
// import API mocking utilities from Mock Service Worker
135-
import {rest} from 'msw'
135+
import {http, HttpResponse} from 'msw'
136136
import {setupServer} from 'msw/node'
137137

138138
// import react-testing methods
@@ -161,9 +161,9 @@ component makes.
161161
// declare which API requests to mock
162162
const server = setupServer(
163163
// capture "GET /greeting" requests
164-
rest.get('/greeting', (req, res, ctx) => {
164+
http.get('/greeting', (req, res, ctx) => {
165165
// respond using a mocked JSON body
166-
return res(ctx.json({greeting: 'hello there'}))
166+
return HttpResponse.json({greeting: 'hello there'})
167167
}),
168168
)
169169

@@ -181,8 +181,8 @@ test('handles server error', async () => {
181181
server.use(
182182
// override the initial "GET /greeting" request handler
183183
// to return a 500 Server Error
184-
rest.get('/greeting', (req, res, ctx) => {
185-
return res(ctx.status(500))
184+
http.get('/greeting', (req, res, ctx) => {
185+
return new HttpResponse(null, { status: 500 })
186186
}),
187187
)
188188

0 commit comments

Comments
 (0)