hanzoai/react
2
0
Fork 0
mirror of https://github.com/hanzoai/react.git synced 2026-09-24 17:02:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Concurrent rendering in ReactDevToolsHooksIntegration-test (#28522)

Browse Source 
## Summary

We need to unblock flipping the default for RTR to be concurrent
rendering. Update ReactDevToolsHooksIntegration-test to use
`unstable_isConcurrent` in place.

## How did you test this change?

`yarn test
packages/react-debug-tools/src/__tests__/ReactDevToolsHooksIntegration-test.js`
This commit is contained in:
Jack Pope
2024-03-11 15:06:35 -04:00
committed by GitHub
parent 82e3514d51
commit fa00bc9925
1 changed files with 31 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react-debug-tools/src/__tests__/ReactDevToolsHooksIntegration-test.js
Vendored
+31 -14
View File
@@ -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 <div>count:{count}</div>;
}
const renderer = ReactTestRenderer.create(<MyComponent />);
let renderer;
await act(() => {
renderer = ReactTestRenderer.create(<MyComponent />, {
unstable_isConcurrent: true,
});
});
expect(renderer.toJSON()).toEqual({
type: 'div',
props: {},
@@ -107,7 +112,12 @@ describe('React hooks DevTools integration', () => {
);
}
const renderer = ReactTestRenderer.create(<MyComponent />);
let renderer;
await act(() => {
renderer = ReactTestRenderer.create(<MyComponent />, {
unstable_isConcurrent: true,
});
});
expect(renderer.toJSON()).toEqual({
type: 'div',
props: {},
@@ -155,7 +165,12 @@ describe('React hooks DevTools integration', () => {
return <div>count:{count}</div>;
}
const renderer = ReactTestRenderer.create(<MyComponent />);
let renderer;
await act(() => {
renderer = ReactTestRenderer.create(<MyComponent />, {
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(
<div>
<React.Suspense fallback={'Loading'}>
<MyComponent />
</React.Suspense>
</div>,
);
let renderer;
await act(() => {
renderer = ReactTestRenderer.create(
<div>
<React.Suspense fallback={'Loading'}>
<MyComponent />
</React.Suspense>
</div>,
{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', () => {
<MyComponent />
</React.Suspense>
</div>,
{isConcurrent: true},
{unstable_isConcurrent: true},
),
);