Convert ReactCompositeComponentNestedState to createRoot (#28066)
Ricky committed
Jan 24, 2024 at 10:58 UTC
3d9b201327706cfc183eb3e1437c2d1663b42dd0
1 file changed
+13
-6
packages/react-dom/src/__tests__/ReactCompositeComponentNestedState-test.js
+13
-6
@@ -10,15 +10,17 @@
10
'use strict';
11
12
let React;
13
-let ReactDOM;
13
+let ReactDOMClient;
14
+let act;
15
16
describe('ReactCompositeComponentNestedState-state', () => {
17
beforeEach(() => {
18
React = require('react');
18
- ReactDOM = require('react-dom');
19
+ ReactDOMClient = require('react-dom/client');
20
+ act = require('internal-test-utils').act;
21
});
22
21
- it('should provide up to date values for props', () => {
23
+ it('should provide up to date values for props', async () => {
24
class ParentComponent extends React.Component {
25
state = {color: 'blue'};
26
@@ -96,11 +98,16 @@ describe('ReactCompositeComponentNestedState-state', () => {
98
document.body.appendChild(container);
99
100
const logger = jest.fn();
101
+ const root = ReactDOMClient.createRoot(container);
102
100
- void ReactDOM.render(<ParentComponent logger={logger} />, container);
103
+ await act(async () => {
104
+ root.render(<ParentComponent logger={logger} />);
105
+ });
106
102
- // click "light green"
103
- container.childNodes[0].childNodes[3].click();
107
+ await act(async () => {
108
+ // click "light green"
109
+ container.childNodes[0].childNodes[3].click();
110
+ });
111
112
expect(logger.mock.calls).toEqual([
113
['parent-render', 'blue'],