chore: use versioned render in editing test (#28239)
Ruslan Lesiutin committed
Feb 5, 2024 at 17:30 UTC
6a21244671eda81cd93f729946f9e0ac810bb23e
1 file changed
+8
-16
packages/react-devtools-shared/src/__tests__/editing-test.js
+8
-16
@@ -10,11 +10,12 @@
10
import type {FrontendBridge} from 'react-devtools-shared/src/bridge';
11
import type Store from 'react-devtools-shared/src/devtools/store';
12
13
+import {getVersionedRenderImplementation} from './utils';
14
+
15
describe('editing interface', () => {
16
let PropTypes;
17
let React;
18
let bridge: FrontendBridge;
17
- let legacyRender;
19
let store: Store;
20
let utils;
21
@@ -25,8 +26,6 @@ describe('editing interface', () => {
26
beforeEach(() => {
27
utils = require('./utils');
28
28
- legacyRender = utils.legacyRender;
29
-
29
bridge = global.bridge;
30
store = global.store;
31
store.collapseNodesByDefault = false;
@@ -36,6 +35,8 @@ describe('editing interface', () => {
35
React = require('react');
36
});
37
38
+ const {render} = getVersionedRenderImplementation();
39
+
40
describe('props', () => {
41
let committedClassProps;
42
let committedFunctionProps;
@@ -66,9 +67,8 @@ describe('editing interface', () => {
67
68
inputRef = React.createRef(null);
69
69
- const container = document.createElement('div');
70
await utils.actAsync(() =>
71
- legacyRender(
71
+ render(
72
<>
73
<ClassComponent
74
array={[1, 2, 3]}
@@ -84,7 +84,6 @@ describe('editing interface', () => {
84
,
85
<input ref={inputRef} onChange={jest.fn()} value="initial" />
86
</>,
87
- container,
87
),
88
);
89
@@ -440,11 +439,9 @@ describe('editing interface', () => {
439
}
440
}
441
443
- const container = document.createElement('div');
442
await utils.actAsync(() =>
445
- legacyRender(
443
+ render(
444
<ClassComponent object={{nested: 'initial'}} shallow="initial" />,
447
- container,
445
),
446
);
447
@@ -662,10 +659,7 @@ describe('editing interface', () => {
659
return null;
660
}
661
665
- const container = document.createElement('div');
666
- await utils.actAsync(() =>
667
- legacyRender(<FunctionComponent />, container),
668
- );
662
+ await utils.actAsync(() => render(<FunctionComponent />));
663
664
hookID = 0; // index
665
id = ((store.getElementIDAtIndex(0): any): number);
@@ -917,13 +911,11 @@ describe('editing interface', () => {
911
}
912
}
913
920
- const container = document.createElement('div');
914
await utils.actAsync(() =>
922
- legacyRender(
915
+ render(
916
<LegacyContextProvider>
917
<ClassComponent />
918
</LegacyContextProvider>,
926
- container,
919
),
920
);
921