diff --git a/packages/react-debug-tools/src/__tests__/ReactDevToolsHooksIntegration-test.js b/packages/react-debug-tools/src/__tests__/ReactDevToolsHooksIntegration-test.js index eabcbd215bfb2..9c38c5d832f7e 100644 --- a/packages/react-debug-tools/src/__tests__/ReactDevToolsHooksIntegration-test.js +++ b/packages/react-debug-tools/src/__tests__/ReactDevToolsHooksIntegration-test.js @@ -43,7 +43,7 @@ describe('React hooks DevTools integration', () => { const InternalTestUtils = require('internal-test-utils'); waitForAll = InternalTestUtils.waitForAll; - act = ReactTestRenderer.act; + act = require('internal-test-utils').act; }); it('should support editing useState hooks', async () => { @@ -55,7 +55,12 @@ describe('React hooks DevTools integration', () => { return
count:{count}
; } - const renderer = ReactTestRenderer.create(); + let renderer; + await act(() => { + renderer = ReactTestRenderer.create(, { + unstable_isConcurrent: true, + }); + }); expect(renderer.toJSON()).toEqual({ type: 'div', props: {}, @@ -107,7 +112,12 @@ describe('React hooks DevTools integration', () => { ); } - const renderer = ReactTestRenderer.create(); + let renderer; + await act(() => { + renderer = ReactTestRenderer.create(, { + unstable_isConcurrent: true, + }); + }); expect(renderer.toJSON()).toEqual({ type: 'div', props: {}, @@ -155,7 +165,12 @@ describe('React hooks DevTools integration', () => { return
count:{count}
; } - const renderer = ReactTestRenderer.create(); + let renderer; + await act(() => { + renderer = ReactTestRenderer.create(, { + unstable_isConcurrent: true, + }); + }); expect(renderer.toJSON()).toEqual({ type: 'div', props: {}, @@ -192,14 +207,17 @@ describe('React hooks DevTools integration', () => { function MyComponent() { return 'Done'; } - - const renderer = ReactTestRenderer.create( -
- - - -
, - ); + let renderer; + await act(() => { + renderer = ReactTestRenderer.create( +
+ + + +
, + {unstable_isConcurrent: true}, + ); + }); const fiber = renderer.root._currentFiber().child; if (__DEV__) { // First render was locked @@ -236,7 +254,6 @@ describe('React hooks DevTools integration', () => { } }); - // @gate __DEV__ it('should support overriding suspense in concurrent mode', async () => { if (__DEV__) { // Lock the first render @@ -254,7 +271,7 @@ describe('React hooks DevTools integration', () => { , - {isConcurrent: true}, + {unstable_isConcurrent: true}, ), );