@@ -74,7 +74,7 @@ See the following sections for a detailed breakdown of the test
74
74
import React from ' react'
75
75
import {rest } from ' msw'
76
76
import {setupServer } from ' msw/node'
77
- import {render , fireEvent , waitFor , screen } from ' @testing-library/react'
77
+ import {render , fireEvent , screen } from ' @testing-library/react'
78
78
import ' @testing-library/jest-dom'
79
79
import Fetch from ' ../fetch'
80
80
@@ -93,7 +93,7 @@ test('loads and displays greeting', async () => {
93
93
94
94
fireEvent .click (screen .getByText (' Load Greeting' ))
95
95
96
- await waitFor (() => screen .getByRole (' heading' ) )
96
+ await screen .findByRole (' heading' )
97
97
98
98
expect (screen .getByRole (' heading' )).toHaveTextContent (' hello there' )
99
99
expect (screen .getByRole (' button' )).toBeDisabled ()
@@ -110,7 +110,7 @@ test('handles server error', async () => {
110
110
111
111
fireEvent .click (screen .getByText (' Load Greeting' ))
112
112
113
- await waitFor (() => screen .getByRole (' alert' ) )
113
+ await screen .findByRole (' alert' )
114
114
115
115
expect (screen .getByRole (' alert' )).toHaveTextContent (' Oops, failed to fetch!' )
116
116
expect (screen .getByRole (' button' )).not .toBeDisabled ()
@@ -136,7 +136,7 @@ import {rest} from 'msw'
136
136
import {setupServer } from ' msw/node'
137
137
138
138
// import react-testing methods
139
- import {render , fireEvent , waitFor , screen } from ' @testing-library/react'
139
+ import {render , fireEvent , screen } from ' @testing-library/react'
140
140
141
141
// add custom jest matchers from jest-dom
142
142
import ' @testing-library/jest-dom'
@@ -207,13 +207,9 @@ events to simulate user actions.
207
207
fireEvent .click (screen .getByText (' Load Greeting' ))
208
208
209
209
// wait until the `get` request promise resolves and
210
- // the component calls setState and re-renders.
211
- // `waitFor` waits until the callback doesn't throw an error
212
-
213
- await waitFor (() =>
214
- // getByRole throws an error if it cannot find an element
215
- screen .getByRole (' heading' ),
216
- )
210
+ // the component calls setState and re-renders,
211
+ // throwing an error if it cannot find an element
212
+ await screen .findByRole (' heading' )
217
213
```
218
214
219
215
### Assert
0 commit comments