Skip to content

Commit d6897b6

Browse files
Update example-intro.mdx
Updating the MSW example to new syntax, removing `rest` for http object.
1 parent b30ab03 commit d6897b6

File tree

1 file changed

+17
-15
lines changed

1 file changed

+17
-15
lines changed

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

Lines changed: 17 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -155,34 +155,36 @@ component makes.
155155
```js
156156
// declare which API requests to mock
157157
const server = setupServer(
158-
// capture "GET /greeting" requests
159-
rest.get('/greeting', (req, res, ctx) => {
160-
// respond using a mocked JSON body
161-
return res(ctx.json({greeting: 'hello there'}))
162-
}),
163-
)
158+
http.get("/greeting", () => {
159+
return HttpResponse.json({
160+
greeting: "Hello There",
161+
});
162+
})
163+
);
164164

165165
// establish API mocking before all tests
166-
beforeAll(() => server.listen())
166+
beforeAll(() => server.listen());
167167
// reset any request handlers that are declared as a part of our tests
168168
// (i.e. for testing one-time error scenarios)
169-
afterEach(() => server.resetHandlers())
169+
afterEach(() => server.resetHandlers());
170170
// clean up once the tests are done
171-
afterAll(() => server.close())
171+
afterAll(() => server.close());
172172

173173
// ...
174174

175-
test('handles server error', async () => {
175+
test("handles server error", async () => {
176176
server.use(
177177
// override the initial "GET /greeting" request handler
178178
// to return a 500 Server Error
179-
rest.get('/greeting', (req, res, ctx) => {
180-
return res(ctx.status(500))
181-
}),
182-
)
179+
http.get("/greeting", () => {
180+
return new HttpResponse(null, { status: 500 });
181+
})
182+
);
183183

184184
// ...
185-
})
185+
});
186+
```
187+
186188
```
187189
188190
### Arrange

0 commit comments

Comments
 (0)