@@ -13,7 +13,7 @@ let ReactCache;
13
13
let createResource ;
14
14
let React ;
15
15
let ReactFeatureFlags ;
16
- let ReactTestRenderer ;
16
+ let ReactNoop ;
17
17
let Scheduler ;
18
18
let Suspense ;
19
19
let TextResource ;
@@ -34,7 +34,7 @@ describe('ReactCache', () => {
34
34
Suspense = React . Suspense ;
35
35
ReactCache = require ( 'react-cache' ) ;
36
36
createResource = ReactCache . unstable_createResource ;
37
- ReactTestRenderer = require ( 'react-test -renderer' ) ;
37
+ ReactNoop = require ( 'react-noop -renderer' ) ;
38
38
Scheduler = require ( 'scheduler' ) ;
39
39
40
40
const InternalTestUtils = require ( 'internal-test-utils' ) ;
@@ -120,9 +120,8 @@ describe('ReactCache', () => {
120
120
) ;
121
121
}
122
122
123
- ReactTestRenderer . create ( < App /> , {
124
- isConcurrent : true ,
125
- } ) ;
123
+ const root = ReactNoop . createRoot ( ) ;
124
+ root . render ( < App /> ) ;
126
125
127
126
await waitForAll ( [ 'Suspend! [Hi]' , 'Loading...' ] ) ;
128
127
@@ -140,9 +139,8 @@ describe('ReactCache', () => {
140
139
) ;
141
140
}
142
141
143
- const root = ReactTestRenderer . create ( < App /> , {
144
- isConcurrent : true ,
145
- } ) ;
142
+ const root = ReactNoop . createRoot ( ) ;
143
+ root . render ( < App /> ) ;
146
144
147
145
await waitForAll ( [ 'Suspend! [Hi]' , 'Loading...' ] ) ;
148
146
@@ -157,7 +155,7 @@ describe('ReactCache', () => {
157
155
assertLog ( [ 'Promise rejected [Hi]' , 'Error! [Hi]' , 'Error! [Hi]' ] ) ;
158
156
159
157
// Should throw again on a subsequent read
160
- root . update ( < App /> ) ;
158
+ root . render ( < App /> ) ;
161
159
await waitForThrow ( 'Failed to load: Hi' ) ;
162
160
assertLog ( [ 'Error! [Hi]' , 'Error! [Hi]' ] ) ;
163
161
} ) ;
@@ -176,13 +174,11 @@ describe('ReactCache', () => {
176
174
return BadTextResource . read ( [ 'Hi' , 100 ] ) ;
177
175
}
178
176
179
- ReactTestRenderer . create (
177
+ const root = ReactNoop . createRoot ( ) ;
178
+ root . render (
180
179
< Suspense fallback = { < Text text = "Loading..." /> } >
181
180
< App />
182
181
</ Suspense > ,
183
- {
184
- isConcurrent : true ,
185
- } ,
186
182
) ;
187
183
188
184
if ( __DEV__ ) {
@@ -202,16 +198,14 @@ describe('ReactCache', () => {
202
198
it ( 'evicts least recently used values' , async ( ) => {
203
199
ReactCache . unstable_setGlobalCacheLimit ( 3 ) ;
204
200
201
+ const root = ReactNoop . createRoot ( ) ;
205
202
// Render 1, 2, and 3
206
- const root = ReactTestRenderer . create (
203
+ root . render (
207
204
< Suspense fallback = { < Text text = "Loading..." /> } >
208
205
< AsyncText ms = { 100 } text = { 1 } />
209
206
< AsyncText ms = { 100 } text = { 2 } />
210
207
< AsyncText ms = { 100 } text = { 3 } />
211
208
</ Suspense > ,
212
- {
213
- isConcurrent : true ,
214
- } ,
215
209
) ;
216
210
await waitForAll ( [ 'Suspend! [1]' , 'Loading...' ] ) ;
217
211
jest . advanceTimersByTime ( 100 ) ;
@@ -228,7 +222,7 @@ describe('ReactCache', () => {
228
222
expect ( root ) . toMatchRenderedOutput ( '123' ) ;
229
223
230
224
// Render 1, 4, 5
231
- root . update (
225
+ root . render (
232
226
< Suspense fallback = { < Text text = "Loading..." /> } >
233
227
< AsyncText ms = { 100 } text = { 1 } />
234
228
< AsyncText ms = { 100 } text = { 4 } />
@@ -255,7 +249,7 @@ describe('ReactCache', () => {
255
249
// We've now rendered values 1, 2, 3, 4, 5, over our limit of 3. The least
256
250
// recently used values are 2 and 3. They should have been evicted.
257
251
258
- root . update (
252
+ root . render (
259
253
< Suspense fallback = { < Text text = "Loading..." /> } >
260
254
< AsyncText ms = { 100 } text = { 1 } />
261
255
< AsyncText ms = { 100 } text = { 2 } />
@@ -293,13 +287,11 @@ describe('ReactCache', () => {
293
287
return < Text text = "Result" /> ;
294
288
}
295
289
296
- const root = ReactTestRenderer . create (
290
+ const root = ReactNoop . createRoot ( ) ;
291
+ root . render (
297
292
< Suspense fallback = { < Text text = "Loading..." /> } >
298
293
< App />
299
294
</ Suspense > ,
300
- {
301
- isConcurrent : true ,
302
- } ,
303
295
) ;
304
296
305
297
await waitForAll ( [ 'Loading...' ] ) ;
@@ -351,13 +343,11 @@ describe('ReactCache', () => {
351
343
}
352
344
}
353
345
354
- const root = ReactTestRenderer . create (
346
+ const root = ReactNoop . createRoot ( ) ;
347
+ root . render (
355
348
< Suspense fallback = { < Text text = "Loading..." /> } >
356
349
< BadAsyncText text = "Hi" />
357
350
</ Suspense > ,
358
- {
359
- isConcurrent : true ,
360
- } ,
361
351
) ;
362
352
363
353
await waitForAll ( [ 'Suspend! [Hi]' , 'Loading...' ] ) ;
@@ -367,13 +357,10 @@ describe('ReactCache', () => {
367
357
// cached value.
368
358
resolveThenable ( 'Hi muahahaha I am different' ) ;
369
359
370
- root . update (
360
+ root . render (
371
361
< Suspense fallback = { < Text text = "Loading..." /> } >
372
362
< BadAsyncText text = "Hi" />
373
363
</ Suspense > ,
374
- {
375
- isConcurrent : true ,
376
- } ,
377
364
) ;
378
365
379
366
assertLog ( [ ] ) ;
0 commit comments