@@ -72,15 +72,15 @@ See the following sections for a detailed breakdown of the test
72
72
73
73
``` jsx title="__tests__/fetch.test.jsx"
74
74
import React from ' react'
75
- import {rest } from ' msw'
75
+ import {httpm , HttpResponse } from ' msw'
76
76
import {setupServer } from ' msw/node'
77
77
import {render , fireEvent , screen } from ' @testing-library/react'
78
78
import ' @testing-library/jest-dom'
79
79
import Fetch from ' ../fetch'
80
80
81
81
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' })
84
84
}),
85
85
)
86
86
@@ -101,8 +101,8 @@ test('loads and displays greeting', async () => {
101
101
102
102
test (' handles server error' , async () => {
103
103
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 } )
106
106
}),
107
107
)
108
108
@@ -132,7 +132,7 @@ test('handles server error', async () => {
132
132
import React from ' react'
133
133
134
134
// import API mocking utilities from Mock Service Worker
135
- import {rest } from ' msw'
135
+ import {http , HttpResponse } from ' msw'
136
136
import {setupServer } from ' msw/node'
137
137
138
138
// import react-testing methods
@@ -161,9 +161,9 @@ component makes.
161
161
// declare which API requests to mock
162
162
const server = setupServer (
163
163
// capture "GET /greeting" requests
164
- rest .get (' /greeting' , (req , res , ctx ) => {
164
+ http .get (' /greeting' , (req , res , ctx ) => {
165
165
// respond using a mocked JSON body
166
- return res ( ctx .json ({greeting: ' hello there' }) )
166
+ return HttpResponse .json ({greeting: ' hello there' })
167
167
}),
168
168
)
169
169
@@ -181,8 +181,8 @@ test('handles server error', async () => {
181
181
server .use (
182
182
// override the initial "GET /greeting" request handler
183
183
// 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 } )
186
186
}),
187
187
)
188
188
0 commit comments