@samitouri / QOS-React-2 / commits / d89657bc8f

[DevTools] Use Inline Snapshots for storeStressTestSync (#24583)

Change storeStressTestSync to use inline snapshots instead of a snapshot file. We want to do this because some tests are gated and not called in regression tests, and if snapshot tests are not called when there is a corresponding .snap file, that test will fail. Arguably inline snapshots are a better pattern anyway, so enforcing this in DevTools tests IMO makes sense

Luna Ruan committed May 19, 2022 at 07:52 UTC d89657bc8f60e9d00e3f73d5bda262fdcb651cdc
2 files changed +454 -499
packages/react-devtools-shared/src/__tests__/__snapshots__/storeStressSync-test.js.snap deleted
-493
@@ -1,493 +0,0 @@
1 -// Jest Snapshot v1, https://goo.gl/fbAQLP
2 -
3 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense (Legacy Mode) 1`] = `
4 -[root]
5 - ▾ <Root>
6 - <X>
7 - ▾ <Suspense>
8 - <A key="a">
9 - <Y>
10 -`;
11 -
12 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense (Legacy Mode) 2`] = `
13 -[root]
14 - ▾ <Root>
15 - <X>
16 - ▾ <Suspense>
17 - <A key="a">
18 - <Y>
19 -`;
20 -
21 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense (Legacy Mode) 3`] = `
22 -[root]
23 - ▾ <Root>
24 - <X>
25 - ▾ <Suspense>
26 - <A key="a">
27 - <B key="b">
28 - <C key="c">
29 - <Y>
30 -`;
31 -
32 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense (Legacy Mode) 4`] = `
33 -[root]
34 - ▾ <Root>
35 - <X>
36 - ▾ <Suspense>
37 - <C key="c">
38 - <B key="b">
39 - <A key="a">
40 - <Y>
41 -`;
42 -
43 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense (Legacy Mode) 5`] = `
44 -[root]
45 - ▾ <Root>
46 - <X>
47 - ▾ <Suspense>
48 - <C key="c">
49 - <A key="a">
50 - <Y>
51 -`;
52 -
53 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense (Legacy Mode) 6`] = `
54 -[root]
55 - ▾ <Root>
56 - <X>
57 - ▾ <Suspense>
58 - <C key="c">
59 - <A key="a">
60 - <Y>
61 -`;
62 -
63 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense (Legacy Mode) 7`] = `
64 -[root]
65 - ▾ <Root>
66 - <X>
67 - ▾ <Suspense>
68 - <C key="c">
69 - <A key="a">
70 - <Y>
71 -`;
72 -
73 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense (Legacy Mode) 8`] = `
74 -[root]
75 - ▾ <Root>
76 - <X>
77 - ▾ <Suspense>
78 - <A key="a">
79 - <B key="b">
80 - <Y>
81 -`;
82 -
83 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense (Legacy Mode) 9`] = `
84 -[root]
85 - ▾ <Root>
86 - <X>
87 - ▾ <Suspense>
88 - <A key="a">
89 - <Y>
90 -`;
91 -
92 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense (Legacy Mode) 10`] = `
93 -[root]
94 - ▾ <Root>
95 - <X>
96 - <Suspense>
97 - <Y>
98 -`;
99 -
100 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense (Legacy Mode) 11`] = `
101 -[root]
102 - ▾ <Root>
103 - <X>
104 - ▾ <Suspense>
105 - <B key="b">
106 - <Y>
107 -`;
108 -
109 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense (Legacy Mode) 12`] = `
110 -[root]
111 - ▾ <Root>
112 - <X>
113 - ▾ <Suspense>
114 - <A key="a">
115 - <Y>
116 -`;
117 -
118 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 1`] = `
119 -[root]
120 - ▾ <Root>
121 - <X>
122 - ▾ <Suspense>
123 - ▾ <MaybeSuspend>
124 - <A key="a">
125 - <Z>
126 - <Y>
127 -`;
128 -
129 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 2`] = `
130 -[root]
131 - ▾ <Root>
132 - <X>
133 - ▾ <Suspense>
134 - ▾ <MaybeSuspend>
135 - <A key="a">
136 - <Z>
137 - <Y>
138 -`;
139 -
140 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 3`] = `
141 -[root]
142 - ▾ <Root>
143 - <X>
144 - ▾ <Suspense>
145 - ▾ <MaybeSuspend>
146 - <A key="a">
147 - <B key="b">
148 - <C key="c">
149 - <Z>
150 - <Y>
151 -`;
152 -
153 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 4`] = `
154 -[root]
155 - ▾ <Root>
156 - <X>
157 - ▾ <Suspense>
158 - ▾ <MaybeSuspend>
159 - <C key="c">
160 - <B key="b">
161 - <A key="a">
162 - <Z>
163 - <Y>
164 -`;
165 -
166 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 5`] = `
167 -[root]
168 - ▾ <Root>
169 - <X>
170 - ▾ <Suspense>
171 - ▾ <MaybeSuspend>
172 - <C key="c">
173 - <A key="a">
174 - <Z>
175 - <Y>
176 -`;
177 -
178 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 6`] = `
179 -[root]
180 - ▾ <Root>
181 - <X>
182 - ▾ <Suspense>
183 - ▾ <MaybeSuspend>
184 - <C key="c">
185 - <A key="a">
186 - <Z>
187 - <Y>
188 -`;
189 -
190 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 7`] = `
191 -[root]
192 - ▾ <Root>
193 - <X>
194 - ▾ <Suspense>
195 - ▾ <MaybeSuspend>
196 - <C key="c">
197 - <A key="a">
198 - <Z>
199 - <Y>
200 -`;
201 -
202 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 8`] = `
203 -[root]
204 - ▾ <Root>
205 - <X>
206 - ▾ <Suspense>
207 - ▾ <MaybeSuspend>
208 - <A key="a">
209 - <B key="b">
210 - <Z>
211 - <Y>
212 -`;
213 -
214 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 9`] = `
215 -[root]
216 - ▾ <Root>
217 - <X>
218 - ▾ <Suspense>
219 - ▾ <MaybeSuspend>
220 - <A key="a">
221 - <Z>
222 - <Y>
223 -`;
224 -
225 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 10`] = `
226 -[root]
227 - ▾ <Root>
228 - <X>
229 - ▾ <Suspense>
230 - ▾ <MaybeSuspend>
231 - <Z>
232 - <Y>
233 -`;
234 -
235 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 11`] = `
236 -[root]
237 - ▾ <Root>
238 - <X>
239 - ▾ <Suspense>
240 - ▾ <MaybeSuspend>
241 - <B key="b">
242 - <Z>
243 - <Y>
244 -`;
245 -
246 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 12`] = `
247 -[root]
248 - ▾ <Root>
249 - <X>
250 - ▾ <Suspense>
251 - ▾ <MaybeSuspend>
252 - <A key="a">
253 - <Z>
254 - <Y>
255 -`;
256 -
257 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 13`] = `
258 -[root]
259 - ▾ <Root>
260 - <X>
261 - ▾ <Suspense>
262 - <A key="a">
263 - <Y>
264 -`;
265 -
266 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 14`] = `
267 -[root]
268 - ▾ <Root>
269 - <X>
270 - ▾ <Suspense>
271 - <A key="a">
272 - <Y>
273 -`;
274 -
275 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 15`] = `
276 -[root]
277 - ▾ <Root>
278 - <X>
279 - ▾ <Suspense>
280 - <A key="a">
281 - <B key="b">
282 - <C key="c">
283 - <Y>
284 -`;
285 -
286 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 16`] = `
287 -[root]
288 - ▾ <Root>
289 - <X>
290 - ▾ <Suspense>
291 - <C key="c">
292 - <B key="b">
293 - <A key="a">
294 - <Y>
295 -`;
296 -
297 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 17`] = `
298 -[root]
299 - ▾ <Root>
300 - <X>
301 - ▾ <Suspense>
302 - <C key="c">
303 - <A key="a">
304 - <Y>
305 -`;
306 -
307 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 18`] = `
308 -[root]
309 - ▾ <Root>
310 - <X>
311 - ▾ <Suspense>
312 - <C key="c">
313 - <A key="a">
314 - <Y>
315 -`;
316 -
317 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 19`] = `
318 -[root]
319 - ▾ <Root>
320 - <X>
321 - ▾ <Suspense>
322 - <C key="c">
323 - <A key="a">
324 - <Y>
325 -`;
326 -
327 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 20`] = `
328 -[root]
329 - ▾ <Root>
330 - <X>
331 - ▾ <Suspense>
332 - <A key="a">
333 - <B key="b">
334 - <Y>
335 -`;
336 -
337 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 21`] = `
338 -[root]
339 - ▾ <Root>
340 - <X>
341 - ▾ <Suspense>
342 - <A key="a">
343 - <Y>
344 -`;
345 -
346 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 22`] = `
347 -[root]
348 - ▾ <Root>
349 - <X>
350 - <Suspense>
351 - <Y>
352 -`;
353 -
354 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 23`] = `
355 -[root]
356 - ▾ <Root>
357 - <X>
358 - ▾ <Suspense>
359 - <B key="b">
360 - <Y>
361 -`;
362 -
363 -exports[`StoreStress (Legacy Mode) should handle a stress test for Suspense without type change (Legacy Mode) 24`] = `
364 -[root]
365 - ▾ <Root>
366 - <X>
367 - ▾ <Suspense>
368 - <A key="a">
369 - <Y>
370 -`;
371 -
372 -exports[`StoreStress (Legacy Mode) should handle a stress test with different tree operations (Legacy Mode): 1: abcde 1`] = `
373 -[root]
374 - ▾ <Parent>
375 - <A key="a">
376 - <B key="b">
377 - <C key="c">
378 - <D key="d">
379 - <E key="e">
380 -`;
381 -
382 -exports[`StoreStress (Legacy Mode) should handle a stress test with different tree operations (Legacy Mode): 2: abxde 1`] = `
383 -[root]
384 - ▾ <Parent>
385 - <A key="a">
386 - <B key="b">
387 - ▾ <C key="c">
388 - <X>
389 - <D key="d">
390 - <E key="e">
391 -`;
392 -
393 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 1`] = `
394 -[root]
395 - ▾ <Root>
396 - <A key="a">
397 -`;
398 -
399 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 2`] = `
400 -[root]
401 - ▾ <Root>
402 - <B key="b">
403 -`;
404 -
405 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 3`] = `
406 -[root]
407 - ▾ <Root>
408 - <C key="c">
409 -`;
410 -
411 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 4`] = `
412 -[root]
413 - ▾ <Root>
414 - <D key="d">
415 -`;
416 -
417 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 5`] = `
418 -[root]
419 - ▾ <Root>
420 - <E key="e">
421 -`;
422 -
423 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 6`] = `
424 -[root]
425 - ▾ <Root>
426 - <A key="a">
427 -`;
428 -
429 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 7`] = `
430 -[root]
431 - ▾ <Root>
432 - <B key="b">
433 -`;
434 -
435 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 8`] = `
436 -[root]
437 - ▾ <Root>
438 - <C key="c">
439 -`;
440 -
441 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 9`] = `
442 -[root]
443 - ▾ <Root>
444 - <D key="d">
445 -`;
446 -
447 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 10`] = `
448 -[root]
449 - ▾ <Root>
450 - <E key="e">
451 -`;
452 -
453 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 11`] = `
454 -[root]
455 - ▾ <Root>
456 - <A key="a">
457 - <B key="b">
458 -`;
459 -
460 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 12`] = `
461 -[root]
462 - ▾ <Root>
463 - <B key="b">
464 - <A key="a">
465 -`;
466 -
467 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 13`] = `
468 -[root]
469 - ▾ <Root>
470 - <B key="b">
471 - <C key="c">
472 -`;
473 -
474 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 14`] = `
475 -[root]
476 - ▾ <Root>
477 - <C key="c">
478 - <B key="b">
479 -`;
480 -
481 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 15`] = `
482 -[root]
483 - ▾ <Root>
484 - <A key="a">
485 - <C key="c">
486 -`;
487 -
488 -exports[`StoreStress (Legacy Mode) should handle stress test with reordering (Legacy Mode) 16`] = `
489 -[root]
490 - ▾ <Root>
491 - <C key="c">
492 - <A key="a">
493 -`;
packages/react-devtools-shared/src/__tests__/storeStressSync-test.js
+454 -6
@@ -62,7 +62,15 @@ describe('StoreStress (Legacy Mode)', () => {
62 // 1. Render a normal version of [a, b, c, d, e].
63 let container = document.createElement('div');
64 act(() => legacyRender(<Parent>{[a, b, c, d, e]}</Parent>, container));
65 - expect(store).toMatchSnapshot('1: abcde');
65 + expect(store).toMatchInlineSnapshot(`
66 + [root]
67 + ▾ <Parent>
68 + <A key="a">
69 + <B key="b">
70 + <C key="c">
71 + <D key="d">
72 + <E key="e">
73 + `);
74 expect(container.textContent).toMatch('abcde');
75 const snapshotForABCDE = print(store);
76
@@ -71,7 +79,16 @@ describe('StoreStress (Legacy Mode)', () => {
79 act(() => {
80 setShowX(true);
81 });
74 - expect(store).toMatchSnapshot('2: abxde');
82 + expect(store).toMatchInlineSnapshot(`
83 + [root]
84 + ▾ <Parent>
85 + <A key="a">
86 + <B key="b">
87 + ▾ <C key="c">
88 + <X>
89 + <D key="d">
90 + <E key="e">
91 + `);
92 expect(container.textContent).toMatch('abxde');
93 const snapshotForABXDE = print(store);
94
@@ -208,6 +225,95 @@ describe('StoreStress (Legacy Mode)', () => {
225 [c, a],
226 ];
227
228 + const stepsSnapshot = [
229 + `
230 + [root]
231 + ▾ <Root>
232 + <A key="a">
233 + `,
234 + `
235 + [root]
236 + ▾ <Root>
237 + <B key="b">
238 + `,
239 + `
240 + [root]
241 + ▾ <Root>
242 + <C key="c">
243 + `,
244 + `
245 + [root]
246 + ▾ <Root>
247 + <D key="d">
248 + `,
249 + `
250 + [root]
251 + ▾ <Root>
252 + <E key="e">
253 + `,
254 + `
255 + [root]
256 + ▾ <Root>
257 + <A key="a">
258 + `,
259 + `
260 + [root]
261 + ▾ <Root>
262 + <B key="b">
263 + `,
264 + `
265 + [root]
266 + ▾ <Root>
267 + <C key="c">
268 + `,
269 + `
270 + [root]
271 + ▾ <Root>
272 + <D key="d">
273 + `,
274 + `
275 + [root]
276 + ▾ <Root>
277 + <E key="e">
278 + `,
279 + `
280 + [root]
281 + ▾ <Root>
282 + <A key="a">
283 + <B key="b">
284 + `,
285 + `
286 + [root]
287 + ▾ <Root>
288 + <B key="b">
289 + <A key="a">
290 + `,
291 + `
292 + [root]
293 + ▾ <Root>
294 + <B key="b">
295 + <C key="c">
296 + `,
297 + `
298 + [root]
299 + ▾ <Root>
300 + <C key="c">
301 + <B key="b">
302 + `,
303 + `
304 + [root]
305 + ▾ <Root>
306 + <A key="a">
307 + <C key="c">
308 + `,
309 + `
310 + [root]
311 + ▾ <Root>
312 + <C key="c">
313 + <A key="a">
314 + `,
315 + ];
316 +
317 const Root = ({children}) => {
318 return children;
319 };
@@ -218,7 +324,7 @@ describe('StoreStress (Legacy Mode)', () => {
324 for (let i = 0; i < steps.length; i++) {
325 act(() => legacyRender(<Root>{steps[i]}</Root>, container));
326 // We snapshot each step once so it doesn't regress.
221 - expect(store).toMatchSnapshot();
327 + expect(store).toMatchInlineSnapshot(stepsSnapshot[i]);
328 snapshots.push(print(store));
329 act(() => ReactDOM.unmountComponentAtNode(container));
330 expect(print(store)).toBe('');
@@ -305,6 +411,112 @@ describe('StoreStress (Legacy Mode)', () => {
411 a,
412 ];
413
414 + const stepsSnapshot = [
415 + `
416 + [root]
417 + ▾ <Root>
418 + <X>
419 + ▾ <Suspense>
420 + <A key="a">
421 + <Y>
422 + `,
423 + `
424 + [root]
425 + ▾ <Root>
426 + <X>
427 + ▾ <Suspense>
428 + <A key="a">
429 + <Y>
430 + `,
431 + `
432 + [root]
433 + ▾ <Root>
434 + <X>
435 + ▾ <Suspense>
436 + <A key="a">
437 + <B key="b">
438 + <C key="c">
439 + <Y>
440 + `,
441 + `
442 + [root]
443 + ▾ <Root>
444 + <X>
445 + ▾ <Suspense>
446 + <C key="c">
447 + <B key="b">
448 + <A key="a">
449 + <Y>
450 + `,
451 + `
452 + [root]
453 + ▾ <Root>
454 + <X>
455 + ▾ <Suspense>
456 + <C key="c">
457 + <A key="a">
458 + <Y>
459 + `,
460 + `
461 + [root]
462 + ▾ <Root>
463 + <X>
464 + ▾ <Suspense>
465 + <C key="c">
466 + <A key="a">
467 + <Y>
468 + `,
469 + `
470 + [root]
471 + ▾ <Root>
472 + <X>
473 + ▾ <Suspense>
474 + <C key="c">
475 + <A key="a">
476 + <Y>
477 + `,
478 + `
479 + [root]
480 + ▾ <Root>
481 + <X>
482 + ▾ <Suspense>
483 + <A key="a">
484 + <B key="b">
485 + <Y>
486 + `,
487 + `
488 + [root]
489 + ▾ <Root>
490 + <X>
491 + ▾ <Suspense>
492 + <A key="a">
493 + <Y>
494 + `,
495 + `
496 + [root]
497 + ▾ <Root>
498 + <X>
499 + <Suspense>
500 + <Y>
501 + `,
502 + `
503 + [root]
504 + ▾ <Root>
505 + <X>
506 + ▾ <Suspense>
507 + <B key="b">
508 + <Y>
509 + `,
510 + `
511 + [root]
512 + ▾ <Root>
513 + <X>
514 + ▾ <Suspense>
515 + <A key="a">
516 + <Y>
517 + `,
518 + ];
519 +
520 const Never = () => {
521 throw new Promise(() => {});
522 };
@@ -329,7 +541,7 @@ describe('StoreStress (Legacy Mode)', () => {
541 ),
542 );
543 // We snapshot each step once so it doesn't regress.
332 - expect(store).toMatchSnapshot();
544 + expect(store).toMatchInlineSnapshot(stepsSnapshot[i]);
545 snapshots.push(print(store));
546 act(() => ReactDOM.unmountComponentAtNode(container));
547 expect(print(store)).toBe('');
@@ -699,6 +911,242 @@ describe('StoreStress (Legacy Mode)', () => {
911 a,
912 ];
913
914 + const stepsSnapshot = [
915 + `
916 + [root]
917 + ▾ <Root>
918 + <X>
919 + ▾ <Suspense>
920 + ▾ <MaybeSuspend>
921 + <A key="a">
922 + <Z>
923 + <Y>
924 + `,
925 + `
926 + [root]
927 + ▾ <Root>
928 + <X>
929 + ▾ <Suspense>
930 + ▾ <MaybeSuspend>
931 + <A key="a">
932 + <Z>
933 + <Y>
934 + `,
935 + `
936 + [root]
937 + ▾ <Root>
938 + <X>
939 + ▾ <Suspense>
940 + ▾ <MaybeSuspend>
941 + <A key="a">
942 + <B key="b">
943 + <C key="c">
944 + <Z>
945 + <Y>
946 + `,
947 + `
948 + [root]
949 + ▾ <Root>
950 + <X>
951 + ▾ <Suspense>
952 + ▾ <MaybeSuspend>
953 + <C key="c">
954 + <B key="b">
955 + <A key="a">
956 + <Z>
957 + <Y>
958 + `,
959 + `
960 + [root]
961 + ▾ <Root>
962 + <X>
963 + ▾ <Suspense>
964 + ▾ <MaybeSuspend>
965 + <C key="c">
966 + <A key="a">
967 + <Z>
968 + <Y>
969 + `,
970 + `
971 + [root]
972 + ▾ <Root>
973 + <X>
974 + ▾ <Suspense>
975 + ▾ <MaybeSuspend>
976 + <C key="c">
977 + <A key="a">
978 + <Z>
979 + <Y>
980 + `,
981 + `
982 + [root]
983 + ▾ <Root>
984 + <X>
985 + ▾ <Suspense>
986 + ▾ <MaybeSuspend>
987 + <C key="c">
988 + <A key="a">
989 + <Z>
990 + <Y>
991 + `,
992 + `
993 + [root]
994 + ▾ <Root>
995 + <X>
996 + ▾ <Suspense>
997 + ▾ <MaybeSuspend>
998 + <A key="a">
999 + <B key="b">
1000 + <Z>
1001 + <Y>
1002 + `,
1003 + `
1004 + [root]
1005 + ▾ <Root>
1006 + <X>
1007 + ▾ <Suspense>
1008 + ▾ <MaybeSuspend>
1009 + <A key="a">
1010 + <Z>
1011 + <Y>
1012 + `,
1013 + `
1014 + [root]
1015 + ▾ <Root>
1016 + <X>
1017 + ▾ <Suspense>
1018 + ▾ <MaybeSuspend>
1019 + <Z>
1020 + <Y>
1021 + `,
1022 + `
1023 + [root]
1024 + ▾ <Root>
1025 + <X>
1026 + ▾ <Suspense>
1027 + ▾ <MaybeSuspend>
1028 + <B key="b">
1029 + <Z>
1030 + <Y>
1031 + `,
1032 + `
1033 + [root]
1034 + ▾ <Root>
1035 + <X>
1036 + ▾ <Suspense>
1037 + ▾ <MaybeSuspend>
1038 + <A key="a">
1039 + <Z>
1040 + <Y>
1041 + `,
1042 + ];
1043 +
1044 + const stepsSnapshotTwo = [
1045 + `
1046 + [root]
1047 + ▾ <Root>
1048 + <X>
1049 + ▾ <Suspense>
1050 + <A key="a">
1051 + <Y>
1052 + `,
1053 + `
1054 + [root]
1055 + ▾ <Root>
1056 + <X>
1057 + ▾ <Suspense>
1058 + <A key="a">
1059 + <Y>
1060 + `,
1061 + `
1062 + [root]
1063 + ▾ <Root>
1064 + <X>
1065 + ▾ <Suspense>
1066 + <A key="a">
1067 + <B key="b">
1068 + <C key="c">
1069 + <Y>
1070 + `,
1071 + `
1072 + [root]
1073 + ▾ <Root>
1074 + <X>
1075 + ▾ <Suspense>
1076 + <C key="c">
1077 + <B key="b">
1078 + <A key="a">
1079 + <Y>
1080 + `,
1081 + `
1082 + [root]
1083 + ▾ <Root>
1084 + <X>
1085 + ▾ <Suspense>
1086 + <C key="c">
1087 + <A key="a">
1088 + <Y>
1089 + `,
1090 + `
1091 + [root]
1092 + ▾ <Root>
1093 + <X>
1094 + ▾ <Suspense>
1095 + <C key="c">
1096 + <A key="a">
1097 + <Y>
1098 + `,
1099 + `
1100 + [root]
1101 + ▾ <Root>
1102 + <X>
1103 + ▾ <Suspense>
1104 + <C key="c">
1105 + <A key="a">
1106 + <Y>
1107 + `,
1108 + `
1109 + [root]
1110 + ▾ <Root>
1111 + <X>
1112 + ▾ <Suspense>
1113 + <A key="a">
1114 + <B key="b">
1115 + <Y>
1116 + `,
1117 + `
1118 + [root]
1119 + ▾ <Root>
1120 + <X>
1121 + ▾ <Suspense>
1122 + <A key="a">
1123 + <Y>
1124 + `,
1125 + `
1126 + [root]
1127 + ▾ <Root>
1128 + <X>
1129 + <Suspense>
1130 + <Y>
1131 + `,
1132 + `
1133 + [root]
1134 + ▾ <Root>
1135 + <X>
1136 + ▾ <Suspense>
1137 + <B key="b">
1138 + <Y>
1139 + `,
1140 + `
1141 + [root]
1142 + ▾ <Root>
1143 + <X>
1144 + ▾ <Suspense>
1145 + <A key="a">
1146 + <Y>
1147 + `,
1148 + ];
1149 +
1150 const Never = () => {
1151 throw new Promise(() => {});
1152 };
@@ -743,7 +1191,7 @@ describe('StoreStress (Legacy Mode)', () => {
1191 ),
1192 );
1193 // We snapshot each step once so it doesn't regress.
746 - expect(store).toMatchSnapshot();
1194 + expect(store).toMatchInlineSnapshot(stepsSnapshot[i]);
1195 snapshots.push(print(store));
1196 act(() => ReactDOM.unmountComponentAtNode(container));
1197 expect(print(store)).toBe('');
@@ -769,7 +1217,7 @@ describe('StoreStress (Legacy Mode)', () => {
1217 ),
1218 );
1219 // We snapshot each step once so it doesn't regress.
772 - expect(store).toMatchSnapshot();
1220 + expect(store).toMatchInlineSnapshot(stepsSnapshotTwo[i]);
1221 fallbackSnapshots.push(print(store));
1222 act(() => ReactDOM.unmountComponentAtNode(container));
1223 expect(print(store)).toBe('');