@@ -43,7 +43,7 @@ describe('React hooks DevTools integration', () => {
43
43
const InternalTestUtils = require ( 'internal-test-utils' ) ;
44
44
waitForAll = InternalTestUtils . waitForAll ;
45
45
46
- act = ReactTestRenderer . act ;
46
+ act = require ( 'internal-test-utils' ) . act ;
47
47
} ) ;
48
48
49
49
it ( 'should support editing useState hooks' , async ( ) => {
@@ -55,7 +55,12 @@ describe('React hooks DevTools integration', () => {
55
55
return < div > count:{ count } </ div > ;
56
56
}
57
57
58
- const renderer = ReactTestRenderer . create ( < MyComponent /> ) ;
58
+ let renderer ;
59
+ await act ( ( ) => {
60
+ renderer = ReactTestRenderer . create ( < MyComponent /> , {
61
+ unstable_isConcurrent : true ,
62
+ } ) ;
63
+ } ) ;
59
64
expect ( renderer . toJSON ( ) ) . toEqual ( {
60
65
type : 'div' ,
61
66
props : { } ,
@@ -107,7 +112,12 @@ describe('React hooks DevTools integration', () => {
107
112
) ;
108
113
}
109
114
110
- const renderer = ReactTestRenderer . create ( < MyComponent /> ) ;
115
+ let renderer ;
116
+ await act ( ( ) => {
117
+ renderer = ReactTestRenderer . create ( < MyComponent /> , {
118
+ unstable_isConcurrent : true ,
119
+ } ) ;
120
+ } ) ;
111
121
expect ( renderer . toJSON ( ) ) . toEqual ( {
112
122
type : 'div' ,
113
123
props : { } ,
@@ -155,7 +165,12 @@ describe('React hooks DevTools integration', () => {
155
165
return < div > count:{ count } </ div > ;
156
166
}
157
167
158
- const renderer = ReactTestRenderer . create ( < MyComponent /> ) ;
168
+ let renderer ;
169
+ await act ( ( ) => {
170
+ renderer = ReactTestRenderer . create ( < MyComponent /> , {
171
+ unstable_isConcurrent : true ,
172
+ } ) ;
173
+ } ) ;
159
174
expect ( renderer . toJSON ( ) ) . toEqual ( {
160
175
type : 'div' ,
161
176
props : { } ,
@@ -192,14 +207,17 @@ describe('React hooks DevTools integration', () => {
192
207
function MyComponent ( ) {
193
208
return 'Done' ;
194
209
}
195
-
196
- const renderer = ReactTestRenderer . create (
197
- < div >
198
- < React . Suspense fallback = { 'Loading' } >
199
- < MyComponent />
200
- </ React . Suspense >
201
- </ div > ,
202
- ) ;
210
+ let renderer ;
211
+ await act ( ( ) => {
212
+ renderer = ReactTestRenderer . create (
213
+ < div >
214
+ < React . Suspense fallback = { 'Loading' } >
215
+ < MyComponent />
216
+ </ React . Suspense >
217
+ </ div > ,
218
+ { unstable_isConcurrent : true } ,
219
+ ) ;
220
+ } ) ;
203
221
const fiber = renderer . root . _currentFiber ( ) . child ;
204
222
if ( __DEV__ ) {
205
223
// First render was locked
@@ -236,7 +254,6 @@ describe('React hooks DevTools integration', () => {
236
254
}
237
255
} ) ;
238
256
239
- // @gate __DEV__
240
257
it ( 'should support overriding suspense in concurrent mode' , async ( ) => {
241
258
if ( __DEV__ ) {
242
259
// Lock the first render
@@ -254,7 +271,7 @@ describe('React hooks DevTools integration', () => {
254
271
< MyComponent />
255
272
</ React . Suspense >
256
273
</ div > ,
257
- { isConcurrent : true } ,
274
+ { unstable_isConcurrent : true } ,
258
275
) ,
259
276
) ;
260
277
0 commit comments