From 886d6382936d52476cea5f75188036e502822e6b Mon Sep 17 00:00:00 2001 From: Jack Pope Date: Thu, 25 Jan 2024 11:31:21 -0500 Subject: [PATCH] Use createRoot in useFocus-test --- .../__tests__/useFocus-test.internal.js | 23 +++++++++++-------- 1 file changed, 14 insertions(+), 9 deletions(-) diff --git a/packages/react-interactions/events/src/dom/create-event-handle/__tests__/useFocus-test.internal.js b/packages/react-interactions/events/src/dom/create-event-handle/__tests__/useFocus-test.internal.js index 93204b5f20a6a..cc456434f975c 100644 --- a/packages/react-interactions/events/src/dom/create-event-handle/__tests__/useFocus-test.internal.js +++ b/packages/react-interactions/events/src/dom/create-event-handle/__tests__/useFocus-test.internal.js @@ -13,7 +13,7 @@ import {createEventTarget, setPointerEvent} from 'dom-event-testing-library'; let React; let ReactFeatureFlags; -let ReactDOM; +let ReactDOMClient; let useFocus; let act; @@ -23,7 +23,7 @@ function initializeModules(hasPointerEvents) { ReactFeatureFlags = require('shared/ReactFeatureFlags'); ReactFeatureFlags.enableCreateEventHandleAPI = true; React = require('react'); - ReactDOM = require('react-dom'); + ReactDOMClient = require('react-dom/client'); act = require('internal-test-utils').act; // TODO: This import throws outside of experimental mode. Figure out better // strategy for gated imports. @@ -45,7 +45,6 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => { }); afterEach(() => { - ReactDOM.render(null, container); document.body.removeChild(container); container = null; }); @@ -65,8 +64,9 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => { }); return
; }; + const root = ReactDOMClient.createRoot(container); await act(() => { - ReactDOM.render(, container); + root.render(); }); }; @@ -93,8 +93,9 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => { }); return
; }; + const root = ReactDOMClient.createRoot(container); await act(() => { - ReactDOM.render(, container); + root.render(); }); }; @@ -125,8 +126,9 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => {
); }; + const root = ReactDOMClient.createRoot(container); await act(() => { - ReactDOM.render(, container); + root.render(); }); }; @@ -164,8 +166,9 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => {
); }; + const root = ReactDOMClient.createRoot(container); await act(() => { - ReactDOM.render(, container); + root.render(); }); }; @@ -209,8 +212,9 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => { ); }; + const root = ReactDOMClient.createRoot(container); await act(() => { - ReactDOM.render(, container); + root.render(); }); }; @@ -305,8 +309,9 @@ describe.each(table)(`useFocus hasPointerEvents=%s`, hasPointerEvents => { ); }; + const root = ReactDOMClient.createRoot(container); await act(() => { - ReactDOM.render(, container); + root.render(); }); const innerTarget = createEventTarget(innerRef.current); const outerTarget = createEventTarget(outerRef.current);