Remove RTR from ReactCreateRef-test (#28386)
## Summary Cleaning up internal usage of ReactTestRenderer ## How did you test this change? `yarn test packages/react/src/__tests__/ReactCreateRef-test.js`
Jack Pope committed
Feb 20, 2024 at 17:49 UTC
3b260007ed28593ca4ad0505591387dd57c57b0d
1 file changed
+19
-12
packages/react/src/__tests__/ReactCreateRef-test.js
+19
-12
@@ -10,14 +10,16 @@
10
'use strict';
11
12
let React;
13
-let ReactTestRenderer;
13
+let ReactDOM;
14
+let ReactDOMClient;
15
16
describe('ReactCreateRef', () => {
17
beforeEach(() => {
18
jest.resetModules();
19
20
React = require('react');
20
- ReactTestRenderer = require('react-test-renderer');
21
+ ReactDOM = require('react-dom');
22
+ ReactDOMClient = require('react-dom/client');
23
});
24
25
it('should warn in dev if an invalid ref object is provided', () => {
@@ -31,12 +33,15 @@ describe('ReactCreateRef', () => {
33
}
34
}
35
36
+ const root = ReactDOMClient.createRoot(document.createElement('div'));
37
expect(() =>
35
- ReactTestRenderer.create(
36
- <Wrapper>
37
- <div ref={{}} />
38
- </Wrapper>,
39
- ),
38
+ ReactDOM.flushSync(() => {
39
+ root.render(
40
+ <Wrapper>
41
+ <div ref={{}} />
42
+ </Wrapper>,
43
+ );
44
+ }),
45
).toErrorDev(
46
'Unexpected ref object provided for div. ' +
47
'Use either a ref-setter function or React.createRef().\n' +
@@ -45,11 +50,13 @@ describe('ReactCreateRef', () => {
50
);
51
52
expect(() =>
48
- ReactTestRenderer.create(
49
- <Wrapper>
50
- <ExampleComponent ref={{}} />
51
- </Wrapper>,
52
- ),
53
+ ReactDOM.flushSync(() => {
54
+ root.render(
55
+ <Wrapper>
56
+ <ExampleComponent ref={{}} />
57
+ </Wrapper>,
58
+ );
59
+ }),
60
).toErrorDev(
61
'Unexpected ref object provided for ExampleComponent. ' +
62
'Use either a ref-setter function or React.createRef().\n' +