Use createRoot for ReactTreeTraversal-test (#28051)
Jack Pope committed
Jan 22, 2024 at 17:13 UTC
2f803b47c7d225c9199275b7ddd255a23f60d929
1 file changed
+10
-4
packages/react-dom/src/__tests__/ReactTreeTraversal-test.js
+10
-4
@@ -10,7 +10,9 @@
10
'use strict';
11
12
let React;
13
-let ReactDOM;
13
+let ReactDOMClient;
14
+let act;
15
+let root;
16
17
const ChildComponent = ({id, eventHandler}) => (
18
<div
@@ -68,9 +70,10 @@ describe('ReactTreeTraversal', () => {
70
let outerNode1;
71
let outerNode2;
72
71
- beforeEach(() => {
73
+ beforeEach(async () => {
74
React = require('react');
73
- ReactDOM = require('react-dom');
75
+ ReactDOMClient = require('react-dom/client');
76
+ act = require('internal-test-utils').act;
77
78
mockFn.mockReset();
79
@@ -81,7 +84,10 @@ describe('ReactTreeTraversal', () => {
84
document.body.appendChild(outerNode1);
85
document.body.appendChild(outerNode2);
86
84
- ReactDOM.render(<ParentComponent eventHandler={mockFn} />, container);
87
+ root = ReactDOMClient.createRoot(container);
88
+ await act(() => {
89
+ root.render(<ParentComponent eventHandler={mockFn} />);
90
+ });
91
});
92
93
afterEach(() => {