@@ -132,7 +132,7 @@ describe('ReactDOMSuspensePlaceholder', () => {
132
132
expect ( window . getComputedStyle ( divs [ 0 ] . current ) . display ) . toEqual ( 'none' ) ;
133
133
expect ( window . getComputedStyle ( divs [ 1 ] . current ) . display ) . toEqual ( 'none' ) ;
134
134
expect ( window . getComputedStyle ( divs [ 2 ] . current ) . display ) . toEqual ( 'none' ) ;
135
-
135
+ assertLog ( [ 'A' , 'Suspend! [B]' , 'C' , 'Loading...' ] ) ;
136
136
await act ( async ( ) => {
137
137
await resolveText ( 'B' ) ;
138
138
} ) ;
@@ -141,6 +141,7 @@ describe('ReactDOMSuspensePlaceholder', () => {
141
141
expect ( window . getComputedStyle ( divs [ 1 ] . current ) . display ) . toEqual ( 'block' ) ;
142
142
// This div's display was set with a prop.
143
143
expect ( window . getComputedStyle ( divs [ 2 ] . current ) . display ) . toEqual ( 'inline' ) ;
144
+ assertLog ( [ 'B' ] ) ;
144
145
} ) ;
145
146
146
147
it ( 'hides and unhides timed out text nodes' , async ( ) => {
@@ -203,6 +204,7 @@ describe('ReactDOMSuspensePlaceholder', () => {
203
204
'<span style="display: none;">Sibling</span><span style=' +
204
205
'"display: none;"></span>Loading...' ,
205
206
) ;
207
+ assertLog ( [ 'Suspend! [Async]' , 'Loading...' ] ) ;
206
208
207
209
// Update the inline display style. It will be overridden because it's
208
210
// inside a hidden fallback.
@@ -211,6 +213,7 @@ describe('ReactDOMSuspensePlaceholder', () => {
211
213
'<span style="display: none;">Sibling</span><span style=' +
212
214
'"display: none;"></span>Loading...' ,
213
215
) ;
216
+ assertLog ( [ 'Suspend! [Async]' ] ) ;
214
217
215
218
// Unsuspend. The style should now match the inline prop.
216
219
await act ( ( ) => resolveText ( 'Async' ) ) ;
0 commit comments