Facebook/react
1
0
Fork 0
mirror of https://github.com/facebook/react.git synced 2025-11-01 09:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Convert ReactDOMTestSelectors-test.js to createRoot (#27993)

Browse Source 
Straightforward adding createRoot and act

DiffTrain build for [4217d324ae](https://github.com/facebook/react/commit/4217d324ae5766b3201e682bb4d67b8855652694)
This commit is contained in:
rickhanlonii
2024-01-24 04:06:34 +00:00
parent d703a879f2
commit 605ae6d45e
6 changed files with 155 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
compiled/facebook-www/REVISION
+1 -1
View File
@@ -1 +1 @@
b3003047101b4c7a643788a8faf576f7e370fb45
4217d324ae5766b3201e682bb4d67b8855652694
compiled/facebook-www/React-dev.classic.js
+1 -1
View File
@@ -24,7 +24,7 @@ if (__DEV__) {
) {
__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
}
var ReactVersion = "18.3.0-www-classic-b3341fd5";
var ReactVersion = "18.3.0-www-classic-9a4a2139";
// ATTENTION
// When adding new symbols to this file,
compiled/facebook-www/ReactDOMTesting-dev.classic.js
+34 -7
View File
@@ -35592,7 +35592,7 @@ if (__DEV__) {
return root;
}
var ReactVersion = "18.3.0-www-classic-34ed23b6";
var ReactVersion = "18.3.0-www-classic-83debab5";
function createPortal$1(
children,
@@ -47411,7 +47411,7 @@ if (__DEV__) {
}
};
function createRoot$1(container, options) {
function createRoot$2(container, options) {
if (!isValidContainer(container)) {
throw new Error(
"createRoot(...): Target container is not a DOM element."
@@ -47500,7 +47500,7 @@ if (__DEV__) {
ReactDOMHydrationRoot.prototype.unstable_scheduleHydration =
scheduleHydration;
function hydrateRoot$1(container, initialChildren, options) {
function hydrateRoot$2(container, initialChildren, options) {
if (!isValidContainer(container)) {
throw new Error(
"hydrateRoot(...): Target container is not a DOM element."
@@ -48568,7 +48568,7 @@ if (__DEV__) {
);
}
function createRoot(container, options) {
function createRoot$1(container, options) {
{
if (!Internals.usingClientEntryPoint && !false) {
error(
@@ -48578,10 +48578,10 @@ if (__DEV__) {
}
}
return createRoot$1(container, options);
return createRoot$2(container, options);
}
function hydrateRoot(container, initialChildren, options) {
function hydrateRoot$1(container, initialChildren, options) {
{
if (!Internals.usingClientEntryPoint && !false) {
error(
@@ -48591,7 +48591,7 @@ if (__DEV__) {
}
}
return hydrateRoot$1(container, initialChildren, options);
return hydrateRoot$2(container, initialChildren, options);
} // Overload the definition to the two valid signatures.
// Warning, this opts-out of checking the function body.
// eslint-disable-next-line no-redeclare
@@ -48660,6 +48660,33 @@ if (__DEV__) {
}
});
function createRoot(container, options) {
{
Internals.usingClientEntryPoint = true;
}
try {
return createRoot$1(container, options);
} finally {
{
Internals.usingClientEntryPoint = false;
}
}
}
function hydrateRoot(container, children, options) {
{
Internals.usingClientEntryPoint = true;
}
try {
return hydrateRoot$1(container, children, options);
} finally {
{
Internals.usingClientEntryPoint = false;
}
}
}
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
exports.createComponentSelector = createComponentSelector;
exports.createHasPseudoClassSelector = createHasPseudoClassSelector;
compiled/facebook-www/ReactDOMTesting-dev.modern.js
+34 -8
View File
@@ -35413,7 +35413,7 @@ if (__DEV__) {
return root;
}
var ReactVersion = "18.3.0-www-modern-e4da1ff6";
var ReactVersion = "18.3.0-www-modern-d6845784";
function createPortal$1(
children,
@@ -46879,7 +46879,7 @@ if (__DEV__) {
}
};
function createRoot$1(container, options) {
function createRoot$2(container, options) {
if (!isValidContainer(container)) {
throw new Error(
"createRoot(...): Target container is not a DOM element."
@@ -46968,7 +46968,7 @@ if (__DEV__) {
ReactDOMHydrationRoot.prototype.unstable_scheduleHydration =
scheduleHydration;
function hydrateRoot$1(container, initialChildren, options) {
function hydrateRoot$2(container, initialChildren, options) {
if (!isValidContainer(container)) {
throw new Error(
"hydrateRoot(...): Target container is not a DOM element."
@@ -47595,7 +47595,7 @@ if (__DEV__) {
return createPortal$1(children, container, null, key);
}
function createRoot(container, options) {
function createRoot$1(container, options) {
{
if (!Internals.usingClientEntryPoint && !false) {
error(
@@ -47605,10 +47605,10 @@ if (__DEV__) {
}
}
return createRoot$1(container, options);
return createRoot$2(container, options);
}
function hydrateRoot(container, initialChildren, options) {
function hydrateRoot$1(container, initialChildren, options) {
{
if (!Internals.usingClientEntryPoint && !false) {
error(
@@ -47618,7 +47618,7 @@ if (__DEV__) {
}
}
return hydrateRoot$1(container, initialChildren, options);
return hydrateRoot$2(container, initialChildren, options);
} // Overload the definition to the two valid signatures.
// Warning, this opts-out of checking the function body.
// eslint-disable-next-line no-redeclare
@@ -47681,6 +47681,33 @@ if (__DEV__) {
}
}
function createRoot(container, options) {
{
Internals.usingClientEntryPoint = true;
}
try {
return createRoot$1(container, options);
} finally {
{
Internals.usingClientEntryPoint = false;
}
}
}
function hydrateRoot(container, children, options) {
{
Internals.usingClientEntryPoint = true;
}
try {
return hydrateRoot$1(container, children, options);
} finally {
{
Internals.usingClientEntryPoint = false;
}
}
}
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
exports.createComponentSelector = createComponentSelector;
exports.createHasPseudoClassSelector = createHasPseudoClassSelector;
@@ -47705,7 +47732,6 @@ if (__DEV__) {
exports.preloadModule = preloadModule;
exports.unstable_batchedUpdates = batchedUpdates$1;
exports.unstable_createEventHandle = createEventHandle;
exports.unstable_runWithPriority = runWithPriority;
exports.useFormState = useFormState;
exports.useFormStatus = useFormStatus;
exports.version = ReactVersion;
compiled/facebook-www/ReactDOMTesting-prod.classic.js
+40 -40
View File
@@ -12978,14 +12978,14 @@ var isInputEventSupported = !1;
if (canUseDOM) {
var JSCompiler_inline_result$jscomp$347;
if (canUseDOM) {
var isSupported$jscomp$inline_1561 = "oninput" in document;
if (!isSupported$jscomp$inline_1561) {
var element$jscomp$inline_1562 = document.createElement("div");
element$jscomp$inline_1562.setAttribute("oninput", "return;");
isSupported$jscomp$inline_1561 =
"function" === typeof element$jscomp$inline_1562.oninput;
var isSupported$jscomp$inline_1559 = "oninput" in document;
if (!isSupported$jscomp$inline_1559) {
var element$jscomp$inline_1560 = document.createElement("div");
element$jscomp$inline_1560.setAttribute("oninput", "return;");
isSupported$jscomp$inline_1559 =
"function" === typeof element$jscomp$inline_1560.oninput;
}
JSCompiler_inline_result$jscomp$347 = isSupported$jscomp$inline_1561;
JSCompiler_inline_result$jscomp$347 = isSupported$jscomp$inline_1559;
} else JSCompiler_inline_result$jscomp$347 = !1;
isInputEventSupported =
JSCompiler_inline_result$jscomp$347 &&
@@ -13297,20 +13297,20 @@ function registerSimpleEvent(domEventName, reactName) {
registerTwoPhaseEvent(reactName, [domEventName]);
}
for (
var i$jscomp$inline_1602 = 0;
i$jscomp$inline_1602 < simpleEventPluginEvents.length;
i$jscomp$inline_1602++
var i$jscomp$inline_1600 = 0;
i$jscomp$inline_1600 < simpleEventPluginEvents.length;
i$jscomp$inline_1600++
) {
var eventName$jscomp$inline_1603 =
simpleEventPluginEvents[i$jscomp$inline_1602],
domEventName$jscomp$inline_1604 =
eventName$jscomp$inline_1603.toLowerCase(),
capitalizedEvent$jscomp$inline_1605 =
eventName$jscomp$inline_1603[0].toUpperCase() +
eventName$jscomp$inline_1603.slice(1);
var eventName$jscomp$inline_1601 =
simpleEventPluginEvents[i$jscomp$inline_1600],
domEventName$jscomp$inline_1602 =
eventName$jscomp$inline_1601.toLowerCase(),
capitalizedEvent$jscomp$inline_1603 =
eventName$jscomp$inline_1601[0].toUpperCase() +
eventName$jscomp$inline_1601.slice(1);
registerSimpleEvent(
domEventName$jscomp$inline_1604,
"on" + capitalizedEvent$jscomp$inline_1605
domEventName$jscomp$inline_1602,
"on" + capitalizedEvent$jscomp$inline_1603
);
}
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -16921,17 +16921,17 @@ Internals.Events = [
restoreStateIfNeeded,
batchedUpdates$1
];
var devToolsConfig$jscomp$inline_1828 = {
var devToolsConfig$jscomp$inline_1804 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-classic-b3341fd5",
version: "18.3.0-www-classic-9a4a2139",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2179 = {
bundleType: devToolsConfig$jscomp$inline_1828.bundleType,
version: devToolsConfig$jscomp$inline_1828.version,
rendererPackageName: devToolsConfig$jscomp$inline_1828.rendererPackageName,
rendererConfig: devToolsConfig$jscomp$inline_1828.rendererConfig,
var internals$jscomp$inline_2157 = {
bundleType: devToolsConfig$jscomp$inline_1804.bundleType,
version: devToolsConfig$jscomp$inline_1804.version,
rendererPackageName: devToolsConfig$jscomp$inline_1804.rendererPackageName,
rendererConfig: devToolsConfig$jscomp$inline_1804.rendererConfig,
overrideHookState: null,
overrideHookStateDeletePath: null,
overrideHookStateRenamePath: null,
@@ -16947,26 +16947,26 @@ var internals$jscomp$inline_2179 = {
return null === fiber ? null : fiber.stateNode;
},
findFiberByHostInstance:
devToolsConfig$jscomp$inline_1828.findFiberByHostInstance ||
devToolsConfig$jscomp$inline_1804.findFiberByHostInstance ||
emptyFindFiberByHostInstance,
findHostInstancesForRefresh: null,
scheduleRefresh: null,
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-classic-b3341fd5"
reconcilerVersion: "18.3.0-www-classic-9a4a2139"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2180 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
var hook$jscomp$inline_2158 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (
!hook$jscomp$inline_2180.isDisabled &&
hook$jscomp$inline_2180.supportsFiber
!hook$jscomp$inline_2158.isDisabled &&
hook$jscomp$inline_2158.supportsFiber
)
try {
(rendererID = hook$jscomp$inline_2180.inject(
internals$jscomp$inline_2179
(rendererID = hook$jscomp$inline_2158.inject(
internals$jscomp$inline_2157
)),
(injectedHook = hook$jscomp$inline_2180);
(injectedHook = hook$jscomp$inline_2158);
} catch (err) {}
}
assign(Internals, {
@@ -17183,7 +17183,7 @@ exports.hydrate = function (element, container, callback) {
callback
);
};
exports.hydrateRoot = function (container, initialChildren, options) {
exports.hydrateRoot = function (container, children, options) {
if (!isValidContainer(container)) throw Error(formatProdErrorMessage(405));
var isStrictMode = !1,
concurrentUpdatesByDefaultOverride = !1,
@@ -17201,8 +17201,8 @@ exports.hydrateRoot = function (container, initialChildren, options) {
(onRecoverableError = options.onRecoverableError),
void 0 !== options.unstable_transitionCallbacks &&
(transitionCallbacks = options.unstable_transitionCallbacks));
initialChildren = createHydrationContainer(
initialChildren,
children = createHydrationContainer(
children,
null,
container,
1,
@@ -17214,10 +17214,10 @@ exports.hydrateRoot = function (container, initialChildren, options) {
transitionCallbacks,
null
);
container[internalContainerInstanceKey] = initialChildren.current;
container[internalContainerInstanceKey] = children.current;
Dispatcher$1.current = ReactDOMClientDispatcher;
listenToAllSupportedEvents(container);
return new ReactDOMHydrationRoot(initialChildren);
return new ReactDOMHydrationRoot(children);
};
exports.observeVisibleRects = function (
hostRoot,
@@ -17442,4 +17442,4 @@ exports.useFormState = function () {
exports.useFormStatus = function () {
throw Error(formatProdErrorMessage(248));
};
exports.version = "18.3.0-www-classic-b3341fd5";
exports.version = "18.3.0-www-classic-9a4a2139";
compiled/facebook-www/ReactDOMTesting-prod.modern.js
+45 -46
View File
@@ -13273,14 +13273,14 @@ var isInputEventSupported = !1;
if (canUseDOM) {
var JSCompiler_inline_result$jscomp$345;
if (canUseDOM) {
var isSupported$jscomp$inline_1560 = "oninput" in document;
if (!isSupported$jscomp$inline_1560) {
var element$jscomp$inline_1561 = document.createElement("div");
element$jscomp$inline_1561.setAttribute("oninput", "return;");
isSupported$jscomp$inline_1560 =
"function" === typeof element$jscomp$inline_1561.oninput;
var isSupported$jscomp$inline_1558 = "oninput" in document;
if (!isSupported$jscomp$inline_1558) {
var element$jscomp$inline_1559 = document.createElement("div");
element$jscomp$inline_1559.setAttribute("oninput", "return;");
isSupported$jscomp$inline_1558 =
"function" === typeof element$jscomp$inline_1559.oninput;
}
JSCompiler_inline_result$jscomp$345 = isSupported$jscomp$inline_1560;
JSCompiler_inline_result$jscomp$345 = isSupported$jscomp$inline_1558;
} else JSCompiler_inline_result$jscomp$345 = !1;
isInputEventSupported =
JSCompiler_inline_result$jscomp$345 &&
@@ -13592,20 +13592,20 @@ function registerSimpleEvent(domEventName, reactName) {
registerTwoPhaseEvent(reactName, [domEventName]);
}
for (
var i$jscomp$inline_1601 = 0;
i$jscomp$inline_1601 < simpleEventPluginEvents.length;
i$jscomp$inline_1601++
var i$jscomp$inline_1599 = 0;
i$jscomp$inline_1599 < simpleEventPluginEvents.length;
i$jscomp$inline_1599++
) {
var eventName$jscomp$inline_1602 =
simpleEventPluginEvents[i$jscomp$inline_1601],
domEventName$jscomp$inline_1603 =
eventName$jscomp$inline_1602.toLowerCase(),
capitalizedEvent$jscomp$inline_1604 =
eventName$jscomp$inline_1602[0].toUpperCase() +
eventName$jscomp$inline_1602.slice(1);
var eventName$jscomp$inline_1600 =
simpleEventPluginEvents[i$jscomp$inline_1599],
domEventName$jscomp$inline_1601 =
eventName$jscomp$inline_1600.toLowerCase(),
capitalizedEvent$jscomp$inline_1602 =
eventName$jscomp$inline_1600[0].toUpperCase() +
eventName$jscomp$inline_1600.slice(1);
registerSimpleEvent(
domEventName$jscomp$inline_1603,
"on" + capitalizedEvent$jscomp$inline_1604
domEventName$jscomp$inline_1601,
"on" + capitalizedEvent$jscomp$inline_1602
);
}
registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -16498,17 +16498,17 @@ Internals.Events = [
restoreStateIfNeeded,
batchedUpdates$1
];
var devToolsConfig$jscomp$inline_1787 = {
var devToolsConfig$jscomp$inline_1763 = {
findFiberByHostInstance: getClosestInstanceFromNode,
bundleType: 0,
version: "18.3.0-www-modern-414df020",
version: "18.3.0-www-modern-0097fe57",
rendererPackageName: "react-dom"
};
var internals$jscomp$inline_2143 = {
bundleType: devToolsConfig$jscomp$inline_1787.bundleType,
version: devToolsConfig$jscomp$inline_1787.version,
rendererPackageName: devToolsConfig$jscomp$inline_1787.rendererPackageName,
rendererConfig: devToolsConfig$jscomp$inline_1787.rendererConfig,
var internals$jscomp$inline_2120 = {
bundleType: devToolsConfig$jscomp$inline_1763.bundleType,
version: devToolsConfig$jscomp$inline_1763.version,
rendererPackageName: devToolsConfig$jscomp$inline_1763.rendererPackageName,
rendererConfig: devToolsConfig$jscomp$inline_1763.rendererConfig,
overrideHookState: null,
overrideHookStateDeletePath: null,
overrideHookStateRenamePath: null,
@@ -16525,26 +16525,26 @@ var internals$jscomp$inline_2143 = {
return null === fiber ? null : fiber.stateNode;
},
findFiberByHostInstance:
devToolsConfig$jscomp$inline_1787.findFiberByHostInstance ||
devToolsConfig$jscomp$inline_1763.findFiberByHostInstance ||
emptyFindFiberByHostInstance,
findHostInstancesForRefresh: null,
scheduleRefresh: null,
scheduleRoot: null,
setRefreshHandler: null,
getCurrentFiber: null,
reconcilerVersion: "18.3.0-www-modern-414df020"
reconcilerVersion: "18.3.0-www-modern-0097fe57"
};
if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
var hook$jscomp$inline_2144 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
var hook$jscomp$inline_2121 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
if (
!hook$jscomp$inline_2144.isDisabled &&
hook$jscomp$inline_2144.supportsFiber
!hook$jscomp$inline_2121.isDisabled &&
hook$jscomp$inline_2121.supportsFiber
)
try {
(rendererID = hook$jscomp$inline_2144.inject(
internals$jscomp$inline_2143
(rendererID = hook$jscomp$inline_2121.inject(
internals$jscomp$inline_2120
)),
(injectedHook = hook$jscomp$inline_2144);
(injectedHook = hook$jscomp$inline_2121);
} catch (err) {}
}
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -16728,7 +16728,7 @@ exports.getFindAllNodesFailureDescription = function (hostRoot, selectors) {
}
return null;
};
exports.hydrateRoot = function (container, initialChildren, options) {
exports.hydrateRoot = function (container, children, options) {
if (!isValidContainer(container)) throw Error(formatProdErrorMessage(405));
var isStrictMode = !1,
concurrentUpdatesByDefaultOverride = !1,
@@ -16746,11 +16746,11 @@ exports.hydrateRoot = function (container, initialChildren, options) {
(onRecoverableError = options.onRecoverableError),
void 0 !== options.unstable_transitionCallbacks &&
(transitionCallbacks = options.unstable_transitionCallbacks));
initialChildren = createFiberRoot(
children = createFiberRoot(
container,
1,
!0,
initialChildren,
children,
null != options ? options : null,
isStrictMode,
concurrentUpdatesByDefaultOverride,
@@ -16759,19 +16759,19 @@ exports.hydrateRoot = function (container, initialChildren, options) {
transitionCallbacks,
null
);
initialChildren.context = emptyContextObject;
options = initialChildren.current;
children.context = emptyContextObject;
options = children.current;
isStrictMode = requestUpdateLane(options);
concurrentUpdatesByDefaultOverride = createUpdate(isStrictMode);
concurrentUpdatesByDefaultOverride.callback = null;
enqueueUpdate(options, concurrentUpdatesByDefaultOverride, isStrictMode);
initialChildren.current.lanes = isStrictMode;
markRootUpdated(initialChildren, isStrictMode);
ensureRootIsScheduled(initialChildren);
container[internalContainerInstanceKey] = initialChildren.current;
children.current.lanes = isStrictMode;
markRootUpdated(children, isStrictMode);
ensureRootIsScheduled(children);
container[internalContainerInstanceKey] = children.current;
Dispatcher$1.current = ReactDOMClientDispatcher;
listenToAllSupportedEvents(container);
return new ReactDOMHydrationRoot(initialChildren);
return new ReactDOMHydrationRoot(children);
};
exports.observeVisibleRects = function (
hostRoot,
@@ -16941,11 +16941,10 @@ exports.unstable_createEventHandle = function (type, options) {
"boolean" === typeof options && (isCapturePhaseListener = options));
return eventHandle;
};
exports.unstable_runWithPriority = runWithPriority;
exports.useFormState = function () {
throw Error(formatProdErrorMessage(248));
};
exports.useFormStatus = function () {
throw Error(formatProdErrorMessage(248));
};
exports.version = "18.3.0-www-modern-414df020";
exports.version = "18.3.0-www-modern-0097fe57";