chore: use versioned render in storeOwners test

Author: hoxyq

packages/react-devtools-shared/src/__tests__/storeOwners-test.js

@@ -8,11 +8,11 @@
  */
 
 const {printOwnersList} = require('../devtools/utils');
+const {getVersionedRenderImplementation} = require('./utils');
 
 describe('Store owners list', () => {
  let React;
  let act;
- let legacyRender;
  let store;
 
  beforeEach(() => {
@@ -23,9 +23,10 @@ describe('Store owners list', () => {
 
  const utils = require('./utils');
  act = utils.act;
- legacyRender = utils.legacyRender;
  });
 
+ const {render} = getVersionedRenderImplementation();
+
  function getFormattedOwnersList(elementID) {
  const ownersList = store.getOwnersListForElement(elementID);
  return printOwnersList(ownersList);
@@ -43,7 +44,7 @@ describe('Store owners list', () => {
  const Leaf = () => <div>Leaf</div>;
  const Intermediate = ({children}) => <Wrapper>{children}</Wrapper>;
 
- act(() => legacyRender(<Root />, document.createElement('div')));
+ act(() => render(<Root />));
  expect(store).toMatchInlineSnapshot(`
  [root]
  ▾ <Root>
@@ -80,7 +81,7 @@ describe('Store owners list', () => {
  <Wrapper key="wrapper">{children}</Wrapper>,
  ];
 
- act(() => legacyRender(<Root />, document.createElement('div')));
+ act(() => render(<Root />));
  expect(store).toMatchInlineSnapshot(`
  [root]
  ▾ <Root>
@@ -122,14 +123,7 @@ describe('Store owners list', () => {
  const Leaf = () => <div>Leaf</div>;
  const Intermediate = ({children}) => <Wrapper>{children}</Wrapper>;
 
- const container = document.createElement('div');
-
- act(() =>
- legacyRender(
- <Root includeDirect={false} includeIndirect={true} />,
- container,
- ),
- );
+ act(() => render(<Root includeDirect={false} includeIndirect={true} />));
 
  const rootID = store.getElementIDAtIndex(0);
  expect(store).toMatchInlineSnapshot(`
@@ -145,12 +139,7 @@ describe('Store owners list', () => {
  <Leaf>"
  `);
 
- act(() =>
- legacyRender(
- <Root includeDirect={true} includeIndirect={true} />,
- container,
- ),
- );
+ act(() => render(<Root includeDirect={true} includeIndirect={true} />));
  expect(store).toMatchInlineSnapshot(`
  [root]
  ▾ <Root>
@@ -166,12 +155,7 @@ describe('Store owners list', () => {
  <Leaf>"
  `);
 
- act(() =>
- legacyRender(
- <Root includeDirect={true} includeIndirect={false} />,
- container,
- ),
- );
+ act(() => render(<Root includeDirect={true} includeIndirect={false} />));
  expect(store).toMatchInlineSnapshot(`
  [root]
  ▾ <Root>
@@ -182,12 +166,7 @@ describe('Store owners list', () => {
  <Leaf>"
  `);
 
- act(() =>
- legacyRender(
- <Root includeDirect={false} includeIndirect={false} />,
- container,
- ),
- );
+ act(() => render(<Root includeDirect={false} includeIndirect={false} />));
  expect(store).toMatchInlineSnapshot(`
  [root]
  <Root>
@@ -204,8 +183,7 @@ describe('Store owners list', () => {
  : [<Leaf key="C" />, <Leaf key="B" />, <Leaf key="A" />];
  const Leaf = () => <div>Leaf</div>;
 
- const container = document.createElement('div');
- act(() => legacyRender(<Root ascending={true} />, container));
+ act(() => render(<Root ascending={true} />));
 
  const rootID = store.getElementIDAtIndex(0);
  expect(store).toMatchInlineSnapshot(`
@@ -222,7 +200,7 @@ describe('Store owners list', () => {
  <Leaf key="C">"
  `);
 
- act(() => legacyRender(<Root ascending={false} />, container));
+ act(() => render(<Root ascending={false} />));
  expect(store).toMatchInlineSnapshot(`
  [root]
  ▾ <Root>