{"body":"add more accurate end time for transitions and update host configs with `requestPostPaintCallback` function and move post paint logic to another module and use it in the work loop","parents":["5fdcd23aaa30a13eead12b7661a3a5903c6837f1"],"files":[{"status":"M","path":"packages\/react-art\/src\/ReactARTHostConfig.js"},{"status":"M","path":"packages\/react-dom\/src\/client\/ReactDOMHostConfig.js"},{"status":"M","path":"packages\/react-native-renderer\/src\/ReactFabricHostConfig.js"},{"status":"M","path":"packages\/react-native-renderer\/src\/ReactNativeHostConfig.js"},{"status":"M","path":"packages\/react-noop-renderer\/src\/createReactNoop.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js"},{"status":"A","path":"packages\/react-reconciler\/src\/ReactPostPaintCallback.js"},{"status":"M","path":"packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js"},{"status":"M","path":"packages\/react-reconciler\/src\/__tests__\/ReactTransitionTracing-test.js"},{"status":"M","path":"packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js"},{"status":"M","path":"packages\/react-test-renderer\/src\/ReactTestHostConfig.js"}],"patch":"diff --git a\/packages\/react-art\/src\/ReactARTHostConfig.js b\/packages\/react-art\/src\/ReactARTHostConfig.js\nindex 47bced8a12..dbaba801b1 100644\n--- a\/packages\/react-art\/src\/ReactARTHostConfig.js\n+++ b\/packages\/react-art\/src\/ReactARTHostConfig.js\n@@ -451,3 +451,7 @@ export function preparePortalMount(portalInstance: any): void {\n export function detachDeletedInstance(node: Instance): void {\n \/\/ noop\n }\n+\n+export function requestPostPaintCallback(callback: (time: number) => void) {\n+ \/\/ noop\n+}\ndiff --git a\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js b\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js\nindex 4510efe2b8..c9c6e11fdf 100644\n--- a\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js\n+++ b\/packages\/react-dom\/src\/client\/ReactDOMHostConfig.js\n@@ -377,7 +377,10 @@ export const cancelTimeout: any =\n typeof clearTimeout === 'function' ? clearTimeout : (undefined: any);\n export const noTimeout = -1;\n const localPromise = typeof Promise === 'function' ? Promise : undefined;\n-\n+const localRequestAnimationFrame =\n+ typeof requestAnimationFrame === 'function'\n+ ? requestAnimationFrame\n+ : scheduleTimeout;\n \/\/ -------------------\n \/\/ Microtasks\n \/\/ -------------------\n@@ -1379,3 +1382,9 @@ export function setupIntersectionObserver(\n },\n };\n }\n+\n+export function requestPostPaintCallback(callback: (time: number) => void) {\n+ localRequestAnimationFrame(() => {\n+ localRequestAnimationFrame(time => callback(time));\n+ });\n+}\ndiff --git a\/packages\/react-native-renderer\/src\/ReactFabricHostConfig.js b\/packages\/react-native-renderer\/src\/ReactFabricHostConfig.js\nindex 3ae1d00e27..3c66e0ad8c 100644\n--- a\/packages\/react-native-renderer\/src\/ReactFabricHostConfig.js\n+++ b\/packages\/react-native-renderer\/src\/ReactFabricHostConfig.js\n@@ -611,3 +611,7 @@ export function preparePortalMount(portalInstance: Instance): void {\n export function detachDeletedInstance(node: Instance): void {\n \/\/ noop\n }\n+\n+export function requestPostPaintCallback(callback: (time: number) => void) {\n+ \/\/ noop\n+}\ndiff --git a\/packages\/react-native-renderer\/src\/ReactNativeHostConfig.js b\/packages\/react-native-renderer\/src\/ReactNativeHostConfig.js\nindex 37e88d8b27..c26c5c389c 100644\n--- a\/packages\/react-native-renderer\/src\/ReactNativeHostConfig.js\n+++ b\/packages\/react-native-renderer\/src\/ReactNativeHostConfig.js\n@@ -510,3 +510,7 @@ export function preparePortalMount(portalInstance: Instance): void {\n export function detachDeletedInstance(node: Instance): void {\n \/\/ noop\n }\n+\n+export function requestPostPaintCallback(callback: (time: number) => void) {\n+ \/\/ noop\n+}\ndiff --git a\/packages\/react-noop-renderer\/src\/createReactNoop.js b\/packages\/react-noop-renderer\/src\/createReactNoop.js\nindex f2b6fc8b25..66919fc892 100644\n--- a\/packages\/react-noop-renderer\/src\/createReactNoop.js\n+++ b\/packages\/react-noop-renderer\/src\/createReactNoop.js\n@@ -473,6 +473,11 @@ function createReactNoop(reconciler: Function, useMutation: boolean) {\n logRecoverableError() {\n \/\/ no-op\n },\n+\n+ requestPostPaintCallback(callback) {\n+ const endTime = Scheduler.unstable_now();\n+ callback(endTime);\n+ },\n };\n \n const hostConfig = useMutation\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js\nindex 6f62aa4b1c..ca6bbcae27 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js\n@@ -261,6 +261,7 @@ import {\n suspendedThenableDidResolve,\n isTrackingSuspendedThenable,\n } from '.\/ReactFiberWakeable.new';\n+import {schedulePostPaintCallback} from '.\/ReactPostPaintCallback';\n \n const ceil = Math.ceil;\n \n@@ -361,6 +362,7 @@ export function getWorkInProgressTransitions() {\n }\n \n let currentPendingTransitionCallbacks: PendingTransitionCallbacks | null = null;\n+let currentEndTime: number | null = null;\n \n export function addTransitionStartCallbackToPendingTransition(\n transition: Transition,\n@@ -2643,6 +2645,36 @@ function commitRootImpl(\n markCommitStopped();\n }\n \n+ if (enableTransitionTracing) {\n+ \/\/ We process transitions during passive effects. However, passive effects can be\n+ \/\/ processed synchronously during the commit phase as well as asynchronously after\n+ \/\/ paint. At the end of the commit phase, we schedule a callback that will be called\n+ \/\/ after the next paint. If the transitions have already been processed (passive\n+ \/\/ effect phase happened synchronously), we will schedule a callback to process\n+ \/\/ the transitions. However, if we don't have any pending transition callbacks, this\n+ \/\/ means that the transitions have yet to be processed (passive effects processed after paint)\n+ \/\/ so we will store the end time of paint so that we can process the transitions\n+ \/\/ and then call the callback via the correct end time.\n+ const prevRootTransitionCallbacks = root.transitionCallbacks;\n+ if (prevRootTransitionCallbacks !== null) {\n+ schedulePostPaintCallback(endTime => {\n+ const prevPendingTransitionCallbacks = currentPendingTransitionCallbacks;\n+ if (prevPendingTransitionCallbacks !== null) {\n+ currentPendingTransitionCallbacks = null;\n+ scheduleCallback(IdleSchedulerPriority, () => {\n+ processTransitionCallbacks(\n+ prevPendingTransitionCallbacks,\n+ endTime,\n+ prevRootTransitionCallbacks,\n+ );\n+ });\n+ } else {\n+ currentEndTime = endTime;\n+ }\n+ });\n+ }\n+ }\n+\n return null;\n }\n \n@@ -2784,28 +2816,21 @@ function flushPassiveEffectsImpl() {\n if (enableTransitionTracing) {\n const prevPendingTransitionCallbacks = currentPendingTransitionCallbacks;\n const prevRootTransitionCallbacks = root.transitionCallbacks;\n+ const prevEndTime = currentEndTime;\n if (\n prevPendingTransitionCallbacks !== null &&\n- prevRootTransitionCallbacks !== null\n+ prevRootTransitionCallbacks !== null &&\n+ prevEndTime !== null\n ) {\n- \/\/ TODO(luna) Refactor this code into the Host Config\n- \/\/ TODO(luna) The end time here is not necessarily accurate\n- \/\/ because passive effects could be called before paint\n- \/\/ (synchronously) or after paint (normally). We need\n- \/\/ to come up with a way to get the correct end time for both cases.\n- \/\/ One solution is in the host config, if the passive effects\n- \/\/ have not yet been run, make a call to flush the passive effects\n- \/\/ right after paint.\n- const endTime = now();\n currentPendingTransitionCallbacks = null;\n-\n- scheduleCallback(IdleSchedulerPriority, () =>\n+ currentEndTime = null;\n+ scheduleCallback(IdleSchedulerPriority, () => {\n processTransitionCallbacks(\n prevPendingTransitionCallbacks,\n- endTime,\n+ prevEndTime,\n prevRootTransitionCallbacks,\n- ),\n- );\n+ );\n+ });\n }\n }\n \ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js\nindex 414e2e3343..4715d3fdf4 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js\n@@ -261,6 +261,7 @@ import {\n suspendedThenableDidResolve,\n isTrackingSuspendedThenable,\n } from '.\/ReactFiberWakeable.old';\n+import {schedulePostPaintCallback} from '.\/ReactPostPaintCallback';\n \n const ceil = Math.ceil;\n \n@@ -361,6 +362,7 @@ export function getWorkInProgressTransitions() {\n }\n \n let currentPendingTransitionCallbacks: PendingTransitionCallbacks | null = null;\n+let currentEndTime: number | null = null;\n \n export function addTransitionStartCallbackToPendingTransition(\n transition: Transition,\n@@ -2643,6 +2645,36 @@ function commitRootImpl(\n markCommitStopped();\n }\n \n+ if (enableTransitionTracing) {\n+ \/\/ We process transitions during passive effects. However, passive effects can be\n+ \/\/ processed synchronously during the commit phase as well as asynchronously after\n+ \/\/ paint. At the end of the commit phase, we schedule a callback that will be called\n+ \/\/ after the next paint. If the transitions have already been processed (passive\n+ \/\/ effect phase happened synchronously), we will schedule a callback to process\n+ \/\/ the transitions. However, if we don't have any pending transition callbacks, this\n+ \/\/ means that the transitions have yet to be processed (passive effects processed after paint)\n+ \/\/ so we will store the end time of paint so that we can process the transitions\n+ \/\/ and then call the callback via the correct end time.\n+ const prevRootTransitionCallbacks = root.transitionCallbacks;\n+ if (prevRootTransitionCallbacks !== null) {\n+ schedulePostPaintCallback(endTime => {\n+ const prevPendingTransitionCallbacks = currentPendingTransitionCallbacks;\n+ if (prevPendingTransitionCallbacks !== null) {\n+ currentPendingTransitionCallbacks = null;\n+ scheduleCallback(IdleSchedulerPriority, () => {\n+ processTransitionCallbacks(\n+ prevPendingTransitionCallbacks,\n+ endTime,\n+ prevRootTransitionCallbacks,\n+ );\n+ });\n+ } else {\n+ currentEndTime = endTime;\n+ }\n+ });\n+ }\n+ }\n+\n return null;\n }\n \n@@ -2784,28 +2816,21 @@ function flushPassiveEffectsImpl() {\n if (enableTransitionTracing) {\n const prevPendingTransitionCallbacks = currentPendingTransitionCallbacks;\n const prevRootTransitionCallbacks = root.transitionCallbacks;\n+ const prevEndTime = currentEndTime;\n if (\n prevPendingTransitionCallbacks !== null &&\n- prevRootTransitionCallbacks !== null\n+ prevRootTransitionCallbacks !== null &&\n+ prevEndTime !== null\n ) {\n- \/\/ TODO(luna) Refactor this code into the Host Config\n- \/\/ TODO(luna) The end time here is not necessarily accurate\n- \/\/ because passive effects could be called before paint\n- \/\/ (synchronously) or after paint (normally). We need\n- \/\/ to come up with a way to get the correct end time for both cases.\n- \/\/ One solution is in the host config, if the passive effects\n- \/\/ have not yet been run, make a call to flush the passive effects\n- \/\/ right after paint.\n- const endTime = now();\n currentPendingTransitionCallbacks = null;\n-\n- scheduleCallback(IdleSchedulerPriority, () =>\n+ currentEndTime = null;\n+ scheduleCallback(IdleSchedulerPriority, () => {\n processTransitionCallbacks(\n prevPendingTransitionCallbacks,\n- endTime,\n+ prevEndTime,\n prevRootTransitionCallbacks,\n- ),\n- );\n+ );\n+ });\n }\n }\n \ndiff --git a\/packages\/react-reconciler\/src\/ReactPostPaintCallback.js b\/packages\/react-reconciler\/src\/ReactPostPaintCallback.js\nnew file mode 100644\nindex 0000000000..a52623caa0\n--- \/dev\/null\n+++ b\/packages\/react-reconciler\/src\/ReactPostPaintCallback.js\n@@ -0,0 +1,26 @@\n+\/**\n+ * Copyright (c) Facebook, Inc. and its affiliates.\n+ *\n+ * This source code is licensed under the MIT license found in the\n+ * LICENSE file in the root directory of this source tree.\n+ *\n+ * @flow\n+ *\/\n+import {requestPostPaintCallback} from '.\/ReactFiberHostConfig';\n+\n+let postPaintCallbackScheduled = false;\n+let callbacks = [];\n+\n+export function schedulePostPaintCallback(callback: (endTime: number) => void) {\n+ callbacks.push(callback);\n+ if (!postPaintCallbackScheduled) {\n+ postPaintCallbackScheduled = true;\n+ requestPostPaintCallback(endTime => {\n+ for (let i = 0; i < callbacks.length; i++) {\n+ callbacks[i](endTime);\n+ }\n+ postPaintCallbackScheduled = false;\n+ callbacks = [];\n+ });\n+ }\n+}\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js b\/packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js\nindex 82e23de996..19ddc6c826 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactFiberHostContext-test.internal.js\n@@ -67,6 +67,7 @@ describe('ReactFiberHostContext', () => {\n return DefaultEventPriority;\n },\n supportsMutation: true,\n+ requestPostPaintCallback: function() {},\n });\n \n const container = Renderer.createContainer(\n@@ -129,6 +130,7 @@ describe('ReactFiberHostContext', () => {\n getCurrentEventPriority: function() {\n return DefaultEventPriority;\n },\n+ requestPostPaintCallback: function() {},\n supportsMutation: true,\n });\n \ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactTransitionTracing-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactTransitionTracing-test.js\nindex a6637b5597..45dba5cd3c 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactTransitionTracing-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactTransitionTracing-test.js\n@@ -2273,4 +2273,231 @@ describe('ReactInteractionTracing', () => {\n });\n expect(Scheduler).toHaveYielded(['Hidden Text']);\n });\n+\n+ \/\/ @gate enableTransitionTracing\n+ it('discrete events', async () => {\n+ const transitionCallbacks = {\n+ onTransitionStart: (name, startTime) => {\n+ Scheduler.unstable_yieldValue(\n+ `onTransitionStart(${name}, ${startTime})`,\n+ );\n+ },\n+ onTransitionProgress: (name, startTime, endTime, pending) => {\n+ const suspenseNames = pending.map(p => p.name || '').join(', ');\n+ Scheduler.unstable_yieldValue(\n+ `onTransitionProgress(${name}, ${startTime}, ${endTime}, [${suspenseNames}])`,\n+ );\n+ },\n+ onTransitionComplete: (name, startTime, endTime) => {\n+ Scheduler.unstable_yieldValue(\n+ `onTransitionComplete(${name}, ${startTime}, ${endTime})`,\n+ );\n+ },\n+ };\n+\n+ function App() {\n+ return (\n+ }\n+ unstable_name=\"suspense page\">\n+ \n+ <\/Suspense>\n+ );\n+ }\n+\n+ const root = ReactNoop.createRoot({\n+ unstable_transitionCallbacks: transitionCallbacks,\n+ });\n+\n+ await act(async () => {\n+ ReactNoop.discreteUpdates(() =>\n+ startTransition(() => root.render(), {name: 'page transition'}),\n+ );\n+ ReactNoop.expire(1000);\n+ await advanceTimers(1000);\n+ });\n+\n+ expect(Scheduler).toHaveYielded([\n+ 'Suspend [Page Two]',\n+ 'Loading...',\n+ 'onTransitionStart(page transition, 0)',\n+ 'onTransitionProgress(page transition, 0, 1000, [suspense page])',\n+ ]);\n+ await act(async () => {\n+ ReactNoop.discreteUpdates(() => resolveText('Page Two'));\n+ ReactNoop.expire(1000);\n+ await advanceTimers(1000);\n+ });\n+\n+ expect(Scheduler).toHaveYielded([\n+ 'Page Two',\n+ 'onTransitionProgress(page transition, 0, 2000, [])',\n+ 'onTransitionComplete(page transition, 0, 2000)',\n+ ]);\n+ });\n+\n+ \/\/ @gate enableTransitionTracing\n+ it('multiple commits happen before a paint', async () => {\n+ const transitionCallbacks = {\n+ onTransitionStart: (name, startTime) => {\n+ Scheduler.unstable_yieldValue(\n+ `onTransitionStart(${name}, ${startTime})`,\n+ );\n+ },\n+ onTransitionProgress: (name, startTime, endTime, pending) => {\n+ const suspenseNames = pending.map(p => p.name || '').join(', ');\n+ Scheduler.unstable_yieldValue(\n+ `onTransitionProgress(${name}, ${startTime}, ${endTime}, [${suspenseNames}])`,\n+ );\n+ },\n+ onTransitionComplete: (name, startTime, endTime) => {\n+ Scheduler.unstable_yieldValue(\n+ `onTransitionComplete(${name}, ${startTime}, ${endTime})`,\n+ );\n+ },\n+ };\n+\n+ function App() {\n+ const [, setRerender] = useState(false);\n+ React.useLayoutEffect(() => {\n+ resolveText('Text');\n+ setRerender(true);\n+ });\n+ return (\n+ <>\n+ }>\n+ \n+ <\/Suspense>\n+ }>\n+ \n+ <\/Suspense>\n+ <\/>\n+ );\n+ }\n+\n+ const root = ReactNoop.createRoot({\n+ unstable_transitionCallbacks: transitionCallbacks,\n+ });\n+\n+ await act(() => {\n+ startTransition(() => root.render(), {name: 'transition'});\n+ ReactNoop.expire(1000);\n+ advanceTimers(1000);\n+ });\n+\n+ expect(Scheduler).toHaveYielded([\n+ 'Suspend [Text]',\n+ 'Loading...',\n+ 'Suspend [Text Two]',\n+ 'Loading Two...',\n+ 'Text',\n+ 'Suspend [Text Two]',\n+ 'Loading Two...',\n+ 'onTransitionStart(transition, 0)',\n+ 'onTransitionProgress(transition, 0, 1000, [two])',\n+ ]);\n+\n+ await act(() => {\n+ resolveText('Text Two');\n+ ReactNoop.expire(1000);\n+ advanceTimers(1000);\n+ });\n+ expect(Scheduler).toHaveYielded([\n+ 'Text Two',\n+ 'onTransitionProgress(transition, 0, 2000, [])',\n+ 'onTransitionComplete(transition, 0, 2000)',\n+ ]);\n+ });\n+\n+ \/\/ @gate enableTransitionTracing\n+ it('transition callbacks work for multiple roots', async () => {\n+ const getTransitionCallbacks = transitionName => {\n+ return {\n+ onTransitionStart: (name, startTime) => {\n+ Scheduler.unstable_yieldValue(\n+ `onTransitionStart(${name}, ${startTime}) \/${transitionName}\/`,\n+ );\n+ },\n+ onTransitionProgress: (name, startTime, endTime, pending) => {\n+ const suspenseNames = pending.map(p => p.name || '').join(', ');\n+ Scheduler.unstable_yieldValue(\n+ `onTransitionProgress(${name}, ${startTime}, ${endTime}, [${suspenseNames}]) \/${transitionName}\/`,\n+ );\n+ },\n+ onTransitionComplete: (name, startTime, endTime) => {\n+ Scheduler.unstable_yieldValue(\n+ `onTransitionComplete(${name}, ${startTime}, ${endTime}) \/${transitionName}\/`,\n+ );\n+ },\n+ };\n+ };\n+\n+ function App({name}) {\n+ return (\n+ <>\n+ }>\n+ \n+ <\/Suspense>\n+ <\/>\n+ );\n+ }\n+\n+ const rootOne = ReactNoop.createRoot({\n+ unstable_transitionCallbacks: getTransitionCallbacks('root one'),\n+ });\n+\n+ const rootTwo = ReactNoop.createRoot({\n+ unstable_transitionCallbacks: getTransitionCallbacks('root two'),\n+ });\n+\n+ await act(() => {\n+ startTransition(() => rootOne.render(), {\n+ name: 'transition one',\n+ });\n+ startTransition(() => rootTwo.render(), {\n+ name: 'transition two',\n+ });\n+ ReactNoop.expire(1000);\n+ advanceTimers(1000);\n+ });\n+\n+ expect(Scheduler).toHaveYielded([\n+ 'Suspend [Text one]',\n+ 'Loading one...',\n+ 'Suspend [Text two]',\n+ 'Loading two...',\n+ 'onTransitionStart(transition one, 0) \/root one\/',\n+ 'onTransitionProgress(transition one, 0, 1000, [one]) \/root one\/',\n+ 'onTransitionStart(transition two, 0) \/root two\/',\n+ 'onTransitionProgress(transition two, 0, 1000, [two]) \/root two\/',\n+ ]);\n+\n+ await act(() => {\n+ caches[0].resolve('Text one');\n+ ReactNoop.expire(1000);\n+ advanceTimers(1000);\n+ });\n+\n+ expect(Scheduler).toHaveYielded([\n+ 'Text one',\n+ 'onTransitionProgress(transition one, 0, 2000, []) \/root one\/',\n+ 'onTransitionComplete(transition one, 0, 2000) \/root one\/',\n+ ]);\n+\n+ await act(() => {\n+ resolveText('Text two');\n+ ReactNoop.expire(1000);\n+ advanceTimers(1000);\n+ });\n+\n+ expect(Scheduler).toHaveYielded([\n+ 'Text two',\n+ 'onTransitionProgress(transition two, 0, 3000, []) \/root two\/',\n+ 'onTransitionComplete(transition two, 0, 3000) \/root two\/',\n+ ]);\n+ });\n });\ndiff --git a\/packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js b\/packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js\nindex 9bb5d6e271..517b45ead8 100644\n--- a\/packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js\n+++ b\/packages\/react-reconciler\/src\/forks\/ReactFiberHostConfig.custom.js\n@@ -67,6 +67,7 @@ export const prepareScopeUpdate = $$$hostConfig.prepareScopeUpdate;\n export const getInstanceFromScope = $$$hostConfig.getInstanceFromScope;\n export const getCurrentEventPriority = $$$hostConfig.getCurrentEventPriority;\n export const detachDeletedInstance = $$$hostConfig.detachDeletedInstance;\n+export const requestPostPaintCallback = $$$hostConfig.requestPostPaintCallback;\n \n \/\/ -------------------\n \/\/ Microtasks\ndiff --git a\/packages\/react-test-renderer\/src\/ReactTestHostConfig.js b\/packages\/react-test-renderer\/src\/ReactTestHostConfig.js\nindex b452893ab2..dfccf3e9ef 100644\n--- a\/packages\/react-test-renderer\/src\/ReactTestHostConfig.js\n+++ b\/packages\/react-test-renderer\/src\/ReactTestHostConfig.js\n@@ -317,3 +317,7 @@ export function detachDeletedInstance(node: Instance): void {\n export function logRecoverableError(error: mixed): void {\n \/\/ noop\n }\n+\n+export function requestPostPaintCallback(callback: (time: number) => void) {\n+ \/\/ noop\n+}\n","commit":{"authoredAt":"2022-09-13T13:55:56-04:00","authorEmail":"lunaris.ruan@gmail.com","revision":"0556bab32c4350971619350d1efc230baf2ea147","subject":"[Transition Tracing] More Accurate End Time (#25105)","shortRevision":"0556bab32c","authorName":"Luna Ruan"}}

dillon1000/react

Files changed