{"files":[{"status":"M","path":"packages\/react-reconciler\/src\/__tests__\/ReactSuspense-test.internal.js"}],"patch":"diff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactSuspense-test.internal.js b\/packages\/react-reconciler\/src\/__tests__\/ReactSuspense-test.internal.js\nindex e834ca5eda..21e7eef299 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactSuspense-test.internal.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactSuspense-test.internal.js\n@@ -139,6 +139,53 @@ describe('ReactSuspense', () => {\n expect(ReactNoop.getChildren()).toEqual([span('A'), span('B')]);\n });\n \n+ it('suspends siblings and later recovers each independently', async () => {\n+ \/\/ Render two sibling Timeout components\n+ ReactNoop.render(\n+ \n+ }>\n+ \n+ <\/Fallback>\n+ }>\n+ \n+ <\/Fallback>\n+ <\/Fragment>,\n+ );\n+ expect(ReactNoop.flush()).toEqual(['Suspend! [A]', 'Suspend! [B]']);\n+ expect(ReactNoop.getChildren()).toEqual([]);\n+\n+ \/\/ Advance time by enough to timeout both components and commit their placeholders\n+ ReactNoop.expire(4000);\n+ await advanceTimers(4000);\n+\n+ expect(ReactNoop.flush()).toEqual([\n+ 'Suspend! [A]',\n+ 'Loading A...',\n+ 'Suspend! [B]',\n+ 'Loading B...',\n+ ]);\n+ expect(ReactNoop.getChildren()).toEqual([\n+ span('Loading A...'),\n+ span('Loading B...'),\n+ ]);\n+\n+ \/\/ Advance time by enough that the first Timeout's promise resolves\n+ \/\/ and switches back to the normal view. The second Timeout should still show the placeholder\n+ ReactNoop.expire(1000);\n+ await advanceTimers(1000);\n+\n+ expect(ReactNoop.flush()).toEqual(['Promise resolved [A]', 'A']);\n+ expect(ReactNoop.getChildren()).toEqual([span('A'), span('Loading B...')]);\n+\n+ \/\/ Advance time by enough that the second Timeout's promise resolves\n+ \/\/ and switches back to the normal view\n+ ReactNoop.expire(1000);\n+ await advanceTimers(1000);\n+\n+ expect(ReactNoop.flush()).toEqual(['Promise resolved [B]', 'B']);\n+ expect(ReactNoop.getChildren()).toEqual([span('A'), span('B')]);\n+ });\n+\n it('continues rendering siblings after suspending', async () => {\n ReactNoop.render(\n \n","parents":["7350358374036c0834ea6b69cea7491abbbb1af0"],"commit":{"authorName":"Chang Yan","authorEmail":"cyan.binary@gmail.com","revision":"c601f7a64640290af85c9f0e33c78480656b46bc","authoredAt":"2018-05-22T15:39:40-07:00","shortRevision":"c601f7a646","subject":"add siblings Timeout components test case (#12862)"},"body":""}

dillon1000/react

Files changed