{"parents":["dd7e5e4f5ac2ffac3171ef61daee2cb1edc69635"],"patch":"diff --git a\/packages\/react-dom\/index.classic.fb.js b\/packages\/react-dom\/index.classic.fb.js\nindex 1f451d7034..e946df7b76 100644\n--- a\/packages\/react-dom\/index.classic.fb.js\n+++ b\/packages\/react-dom\/index.classic.fb.js\n@@ -7,7 +7,6 @@\n * @flow\n *\/\n \n-import {addUserTimingListener} from 'shared\/ReactFeatureFlags';\n import {isEnabled} from '.\/src\/events\/ReactDOMEventListener';\n \n import {__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED} from '.\/src\/client\/ReactDOM';\n@@ -17,8 +16,6 @@ Object.assign((__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: any), {\n ReactBrowserEventEmitter: {\n isEnabled,\n },\n- \/\/ Perf experiment\n- addUserTimingListener,\n });\n \n export {\ndiff --git a\/packages\/react-reconciler\/src\/ReactDebugFiberPerf.js b\/packages\/react-reconciler\/src\/ReactDebugFiberPerf.js\ndeleted file mode 100644\nindex 63dcf1af59..0000000000\n--- a\/packages\/react-reconciler\/src\/ReactDebugFiberPerf.js\n+++ \/dev\/null\n@@ -1,506 +0,0 @@\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-\n-import type {Fiber} from '.\/ReactFiber';\n-\n-import {enableUserTimingAPI} from 'shared\/ReactFeatureFlags';\n-import getComponentName from 'shared\/getComponentName';\n-import {\n- HostRoot,\n- HostComponent,\n- HostText,\n- HostPortal,\n- Fragment,\n- ContextProvider,\n- ContextConsumer,\n- Mode,\n- SuspenseComponent,\n-} from '.\/ReactWorkTags';\n-\n-type MeasurementPhase =\n- | 'componentWillMount'\n- | 'componentWillUnmount'\n- | 'componentWillReceiveProps'\n- | 'shouldComponentUpdate'\n- | 'componentWillUpdate'\n- | 'componentDidUpdate'\n- | 'componentDidMount'\n- | 'getChildContext'\n- | 'getSnapshotBeforeUpdate';\n-\n-\/\/ Prefix measurements so that it's possible to filter them.\n-\/\/ Longer prefixes are hard to read in DevTools.\n-const reactEmoji = '\\u269B';\n-const warningEmoji = '\\u26D4';\n-const supportsUserTiming =\n- typeof performance !== 'undefined' &&\n- typeof performance.mark === 'function' &&\n- typeof performance.clearMarks === 'function' &&\n- typeof performance.measure === 'function' &&\n- typeof performance.clearMeasures === 'function';\n-\n-\/\/ Keep track of current fiber so that we know the path to unwind on pause.\n-\/\/ TODO: this looks the same as nextUnitOfWork in scheduler. Can we unify them?\n-let currentFiber: Fiber | null = null;\n-\/\/ If we're in the middle of user code, which fiber and method is it?\n-\/\/ Reusing `currentFiber` would be confusing for this because user code fiber\n-\/\/ can change during commit phase too, but we don't need to unwind it (since\n-\/\/ lifecycles in the commit phase don't resemble a tree).\n-let currentPhase: MeasurementPhase | null = null;\n-let currentPhaseFiber: Fiber | null = null;\n-\/\/ Did lifecycle hook schedule an update? This is often a performance problem,\n-\/\/ so we will keep track of it, and include it in the report.\n-\/\/ Track commits caused by cascading updates.\n-let isCommitting: boolean = false;\n-let hasScheduledUpdateInCurrentCommit: boolean = false;\n-let hasScheduledUpdateInCurrentPhase: boolean = false;\n-let commitCountInCurrentWorkLoop: number = 0;\n-let effectCountInCurrentCommit: number = 0;\n-let isWaitingForCallback: boolean = false;\n-\/\/ During commits, we only show a measurement once per method name\n-\/\/ to avoid stretch the commit phase with measurement overhead.\n-const labelsInCurrentCommit: Set = new Set();\n-\n-const formatMarkName = (markName: string) => {\n- return `${reactEmoji} ${markName}`;\n-};\n-\n-const formatLabel = (label: string, warning: string | null) => {\n- const prefix = warning ? `${warningEmoji} ` : `${reactEmoji} `;\n- const suffix = warning ? ` Warning: ${warning}` : '';\n- return `${prefix}${label}${suffix}`;\n-};\n-\n-const beginMark = (markName: string) => {\n- performance.mark(formatMarkName(markName));\n-};\n-\n-const clearMark = (markName: string) => {\n- performance.clearMarks(formatMarkName(markName));\n-};\n-\n-const endMark = (label: string, markName: string, warning: string | null) => {\n- const formattedMarkName = formatMarkName(markName);\n- const formattedLabel = formatLabel(label, warning);\n- try {\n- performance.measure(formattedLabel, formattedMarkName);\n- } catch (err) {\n- \/\/ If previous mark was missing for some reason, this will throw.\n- \/\/ This could only happen if React crashed in an unexpected place earlier.\n- \/\/ Don't pile on with more errors.\n- }\n- \/\/ Clear marks immediately to avoid growing buffer.\n- performance.clearMarks(formattedMarkName);\n- performance.clearMeasures(formattedLabel);\n-};\n-\n-const getFiberMarkName = (label: string, debugID: number) => {\n- return `${label} (#${debugID})`;\n-};\n-\n-const getFiberLabel = (\n- componentName: string,\n- isMounted: boolean,\n- phase: MeasurementPhase | null,\n-) => {\n- if (phase === null) {\n- \/\/ These are composite component total time measurements.\n- return `${componentName} [${isMounted ? 'update' : 'mount'}]`;\n- } else {\n- \/\/ Composite component methods.\n- return `${componentName}.${phase}`;\n- }\n-};\n-\n-const beginFiberMark = (\n- fiber: Fiber,\n- phase: MeasurementPhase | null,\n-): boolean => {\n- const componentName = getComponentName(fiber.type) || 'Unknown';\n- const debugID = ((fiber._debugID: any): number);\n- const isMounted = fiber.alternate !== null;\n- const label = getFiberLabel(componentName, isMounted, phase);\n-\n- if (isCommitting && labelsInCurrentCommit.has(label)) {\n- \/\/ During the commit phase, we don't show duplicate labels because\n- \/\/ there is a fixed overhead for every measurement, and we don't\n- \/\/ want to stretch the commit phase beyond necessary.\n- return false;\n- }\n- labelsInCurrentCommit.add(label);\n-\n- const markName = getFiberMarkName(label, debugID);\n- beginMark(markName);\n- return true;\n-};\n-\n-const clearFiberMark = (fiber: Fiber, phase: MeasurementPhase | null) => {\n- const componentName = getComponentName(fiber.type) || 'Unknown';\n- const debugID = ((fiber._debugID: any): number);\n- const isMounted = fiber.alternate !== null;\n- const label = getFiberLabel(componentName, isMounted, phase);\n- const markName = getFiberMarkName(label, debugID);\n- clearMark(markName);\n-};\n-\n-const endFiberMark = (\n- fiber: Fiber,\n- phase: MeasurementPhase | null,\n- warning: string | null,\n-) => {\n- const componentName = getComponentName(fiber.type) || 'Unknown';\n- const debugID = ((fiber._debugID: any): number);\n- const isMounted = fiber.alternate !== null;\n- const label = getFiberLabel(componentName, isMounted, phase);\n- const markName = getFiberMarkName(label, debugID);\n- endMark(label, markName, warning);\n-};\n-\n-const shouldIgnoreFiber = (fiber: Fiber): boolean => {\n- \/\/ Host components should be skipped in the timeline.\n- \/\/ We could check typeof fiber.type, but does this work with RN?\n- switch (fiber.tag) {\n- case HostRoot:\n- case HostComponent:\n- case HostText:\n- case HostPortal:\n- case Fragment:\n- case ContextProvider:\n- case ContextConsumer:\n- case Mode:\n- return true;\n- default:\n- return false;\n- }\n-};\n-\n-const clearPendingPhaseMeasurement = () => {\n- if (currentPhase !== null && currentPhaseFiber !== null) {\n- clearFiberMark(currentPhaseFiber, currentPhase);\n- }\n- currentPhaseFiber = null;\n- currentPhase = null;\n- hasScheduledUpdateInCurrentPhase = false;\n-};\n-\n-const pauseTimers = () => {\n- \/\/ Stops all currently active measurements so that they can be resumed\n- \/\/ if we continue in a later deferred loop from the same unit of work.\n- let fiber = currentFiber;\n- while (fiber) {\n- if (fiber._debugIsCurrentlyTiming) {\n- endFiberMark(fiber, null, null);\n- }\n- fiber = fiber.return;\n- }\n-};\n-\n-const resumeTimersRecursively = (fiber: Fiber) => {\n- if (fiber.return !== null) {\n- resumeTimersRecursively(fiber.return);\n- }\n- if (fiber._debugIsCurrentlyTiming) {\n- beginFiberMark(fiber, null);\n- }\n-};\n-\n-const resumeTimers = () => {\n- \/\/ Resumes all measurements that were active during the last deferred loop.\n- if (currentFiber !== null) {\n- resumeTimersRecursively(currentFiber);\n- }\n-};\n-\n-export function recordEffect(): void {\n- if (enableUserTimingAPI) {\n- effectCountInCurrentCommit++;\n- }\n-}\n-\n-export function recordScheduleUpdate(): void {\n- if (enableUserTimingAPI) {\n- if (isCommitting) {\n- hasScheduledUpdateInCurrentCommit = true;\n- }\n- if (\n- currentPhase !== null &&\n- currentPhase !== 'componentWillMount' &&\n- currentPhase !== 'componentWillReceiveProps'\n- ) {\n- hasScheduledUpdateInCurrentPhase = true;\n- }\n- }\n-}\n-\n-export function startRequestCallbackTimer(): void {\n- if (enableUserTimingAPI) {\n- if (supportsUserTiming && !isWaitingForCallback) {\n- isWaitingForCallback = true;\n- beginMark('(Waiting for async callback...)');\n- }\n- }\n-}\n-\n-export function stopRequestCallbackTimer(didExpire: boolean): void {\n- if (enableUserTimingAPI) {\n- if (supportsUserTiming) {\n- isWaitingForCallback = false;\n- const warning = didExpire\n- ? 'Update expired; will flush synchronously'\n- : null;\n- endMark(\n- '(Waiting for async callback...)',\n- '(Waiting for async callback...)',\n- warning,\n- );\n- }\n- }\n-}\n-\n-export function startWorkTimer(fiber: Fiber): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {\n- return;\n- }\n- \/\/ If we pause, this is the fiber to unwind from.\n- currentFiber = fiber;\n- if (!beginFiberMark(fiber, null)) {\n- return;\n- }\n- fiber._debugIsCurrentlyTiming = true;\n- }\n-}\n-\n-export function cancelWorkTimer(fiber: Fiber): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {\n- return;\n- }\n- \/\/ Remember we shouldn't complete measurement for this fiber.\n- \/\/ Otherwise flamechart will be deep even for small updates.\n- fiber._debugIsCurrentlyTiming = false;\n- clearFiberMark(fiber, null);\n- }\n-}\n-\n-export function stopWorkTimer(fiber: Fiber): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {\n- return;\n- }\n- \/\/ If we pause, its parent is the fiber to unwind from.\n- currentFiber = fiber.return;\n- if (!fiber._debugIsCurrentlyTiming) {\n- return;\n- }\n- fiber._debugIsCurrentlyTiming = false;\n- endFiberMark(fiber, null, null);\n- }\n-}\n-\n-export function stopFailedWorkTimer(fiber: Fiber): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {\n- return;\n- }\n- \/\/ If we pause, its parent is the fiber to unwind from.\n- currentFiber = fiber.return;\n- if (!fiber._debugIsCurrentlyTiming) {\n- return;\n- }\n- fiber._debugIsCurrentlyTiming = false;\n- const warning =\n- fiber.tag === SuspenseComponent\n- ? 'Rendering was suspended'\n- : 'An error was thrown inside this error boundary';\n- endFiberMark(fiber, null, warning);\n- }\n-}\n-\n-export function startPhaseTimer(fiber: Fiber, phase: MeasurementPhase): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming) {\n- return;\n- }\n- clearPendingPhaseMeasurement();\n- if (!beginFiberMark(fiber, phase)) {\n- return;\n- }\n- currentPhaseFiber = fiber;\n- currentPhase = phase;\n- }\n-}\n-\n-export function stopPhaseTimer(): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming) {\n- return;\n- }\n- if (currentPhase !== null && currentPhaseFiber !== null) {\n- const warning = hasScheduledUpdateInCurrentPhase\n- ? 'Scheduled a cascading update'\n- : null;\n- endFiberMark(currentPhaseFiber, currentPhase, warning);\n- }\n- currentPhase = null;\n- currentPhaseFiber = null;\n- }\n-}\n-\n-export function startWorkLoopTimer(nextUnitOfWork: Fiber | null): void {\n- if (enableUserTimingAPI) {\n- currentFiber = nextUnitOfWork;\n- if (!supportsUserTiming) {\n- return;\n- }\n- commitCountInCurrentWorkLoop = 0;\n- \/\/ This is top level call.\n- \/\/ Any other measurements are performed within.\n- beginMark('(React Tree Reconciliation)');\n- \/\/ Resume any measurements that were in progress during the last loop.\n- resumeTimers();\n- }\n-}\n-\n-export function stopWorkLoopTimer(\n- interruptedBy: Fiber | null,\n- didCompleteRoot: boolean,\n-): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming) {\n- return;\n- }\n- let warning = null;\n- if (interruptedBy !== null) {\n- if (interruptedBy.tag === HostRoot) {\n- warning = 'A top-level update interrupted the previous render';\n- } else {\n- const componentName = getComponentName(interruptedBy.type) || 'Unknown';\n- warning = `An update to ${componentName} interrupted the previous render`;\n- }\n- } else if (commitCountInCurrentWorkLoop > 1) {\n- warning = 'There were cascading updates';\n- }\n- commitCountInCurrentWorkLoop = 0;\n- let label = didCompleteRoot\n- ? '(React Tree Reconciliation: Completed Root)'\n- : '(React Tree Reconciliation: Yielded)';\n- \/\/ Pause any measurements until the next loop.\n- pauseTimers();\n- endMark(label, '(React Tree Reconciliation)', warning);\n- }\n-}\n-\n-export function startCommitTimer(): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming) {\n- return;\n- }\n- isCommitting = true;\n- hasScheduledUpdateInCurrentCommit = false;\n- labelsInCurrentCommit.clear();\n- beginMark('(Committing Changes)');\n- }\n-}\n-\n-export function stopCommitTimer(): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming) {\n- return;\n- }\n-\n- let warning = null;\n- if (hasScheduledUpdateInCurrentCommit) {\n- warning = 'Lifecycle hook scheduled a cascading update';\n- } else if (commitCountInCurrentWorkLoop > 0) {\n- warning = 'Caused by a cascading update in earlier commit';\n- }\n- hasScheduledUpdateInCurrentCommit = false;\n- commitCountInCurrentWorkLoop++;\n- isCommitting = false;\n- labelsInCurrentCommit.clear();\n-\n- endMark('(Committing Changes)', '(Committing Changes)', warning);\n- }\n-}\n-\n-export function startCommitSnapshotEffectsTimer(): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming) {\n- return;\n- }\n- effectCountInCurrentCommit = 0;\n- beginMark('(Committing Snapshot Effects)');\n- }\n-}\n-\n-export function stopCommitSnapshotEffectsTimer(): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming) {\n- return;\n- }\n- const count = effectCountInCurrentCommit;\n- effectCountInCurrentCommit = 0;\n- endMark(\n- `(Committing Snapshot Effects: ${count} Total)`,\n- '(Committing Snapshot Effects)',\n- null,\n- );\n- }\n-}\n-\n-export function startCommitHostEffectsTimer(): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming) {\n- return;\n- }\n- effectCountInCurrentCommit = 0;\n- beginMark('(Committing Host Effects)');\n- }\n-}\n-\n-export function stopCommitHostEffectsTimer(): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming) {\n- return;\n- }\n- const count = effectCountInCurrentCommit;\n- effectCountInCurrentCommit = 0;\n- endMark(\n- `(Committing Host Effects: ${count} Total)`,\n- '(Committing Host Effects)',\n- null,\n- );\n- }\n-}\n-\n-export function startCommitLifeCyclesTimer(): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming) {\n- return;\n- }\n- effectCountInCurrentCommit = 0;\n- beginMark('(Calling Lifecycle Methods)');\n- }\n-}\n-\n-export function stopCommitLifeCyclesTimer(): void {\n- if (enableUserTimingAPI) {\n- if (!supportsUserTiming) {\n- return;\n- }\n- const count = effectCountInCurrentCommit;\n- effectCountInCurrentCommit = 0;\n- endMark(\n- `(Calling Lifecycle Methods: ${count} Total)`,\n- '(Calling Lifecycle Methods)',\n- null,\n- );\n- }\n-}\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiber.js b\/packages\/react-reconciler\/src\/ReactFiber.js\nindex 4f0af6fe33..f84d7796c9 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiber.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiber.js\n@@ -31,7 +31,6 @@ import invariant from 'shared\/invariant';\n import {\n enableProfilerTimer,\n enableFundamentalAPI,\n- enableUserTimingAPI,\n enableScopeAPI,\n enableBlocksAPI,\n throwEarlyForMysteriousError,\n@@ -324,14 +323,9 @@ function FiberNode(\n this.treeBaseDuration = 0;\n }\n \n- \/\/ This is normally DEV-only except www when it adds listeners.\n- \/\/ TODO: remove the User Timing integration in favor of Root Events.\n- if (enableUserTimingAPI) {\n- this._debugID = debugCounter++;\n- this._debugIsCurrentlyTiming = false;\n- }\n-\n if (__DEV__) {\n+ \/\/ This isn't directly used but is handy for debugging internals:\n+ this._debugID = debugCounter++;\n this._debugSource = null;\n this._debugOwner = null;\n this._debugNeedsRemount = false;\n@@ -419,9 +413,7 @@ export function createWorkInProgress(current: Fiber, pendingProps: any): Fiber {\n \n if (__DEV__) {\n \/\/ DEV-only fields\n- if (enableUserTimingAPI) {\n- workInProgress._debugID = current._debugID;\n- }\n+ workInProgress._debugID = current._debugID;\n workInProgress._debugSource = current._debugSource;\n workInProgress._debugOwner = current._debugOwner;\n workInProgress._debugHookTypes = current._debugHookTypes;\n@@ -968,10 +960,7 @@ export function assignFiberPropertiesInDEV(\n target.selfBaseDuration = source.selfBaseDuration;\n target.treeBaseDuration = source.treeBaseDuration;\n }\n- if (enableUserTimingAPI) {\n- target._debugID = source._debugID;\n- target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;\n- }\n+ target._debugID = source._debugID;\n target._debugSource = source._debugSource;\n target._debugOwner = source._debugOwner;\n target._debugNeedsRemount = source._debugNeedsRemount;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js\nindex 2ffd2fe79c..2c6472c60f 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.js\n@@ -79,7 +79,6 @@ import {\n getCurrentFiberOwnerNameInDevOrNull,\n setIsRendering,\n } from '.\/ReactCurrentFiber';\n-import {startWorkTimer, cancelWorkTimer} from '.\/ReactDebugFiberPerf';\n import {\n resolveFunctionForHotReloading,\n resolveForwardRefForHotReloading,\n@@ -1128,9 +1127,6 @@ function mountLazyComponent(\n }\n \n const props = workInProgress.pendingProps;\n- \/\/ We can't start a User Timing measurement with correct label yet.\n- \/\/ Cancel and resume right after we know the tag.\n- cancelWorkTimer(workInProgress);\n let lazyComponent: LazyComponentType = elementType;\n let payload = lazyComponent._payload;\n let init = lazyComponent._init;\n@@ -1138,7 +1134,6 @@ function mountLazyComponent(\n \/\/ Store the unwrapped component in the type.\n workInProgress.type = Component;\n const resolvedTag = (workInProgress.tag = resolveLazyComponentTag(Component));\n- startWorkTimer(workInProgress);\n const resolvedProps = resolveDefaultProps(Component, props);\n let child;\n switch (resolvedTag) {\n@@ -2886,8 +2881,6 @@ function bailoutOnAlreadyFinishedWork(\n workInProgress: Fiber,\n renderExpirationTime: ExpirationTime,\n ): Fiber | null {\n- cancelWorkTimer(workInProgress);\n-\n if (current !== null) {\n \/\/ Reuse previous dependencies\n workInProgress.dependencies = current.dependencies;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberClassComponent.js b\/packages\/react-reconciler\/src\/ReactFiberClassComponent.js\nindex 83eff60f92..7065a64c0c 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberClassComponent.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberClassComponent.js\n@@ -26,7 +26,6 @@ import getComponentName from 'shared\/getComponentName';\n import invariant from 'shared\/invariant';\n import {REACT_CONTEXT_TYPE, REACT_PROVIDER_TYPE} from 'shared\/ReactSymbols';\n \n-import {startPhaseTimer, stopPhaseTimer} from '.\/ReactDebugFiberPerf';\n import {resolveDefaultProps} from '.\/ReactFiberLazyComponent';\n import {StrictMode} from '.\/ReactTypeOfMode';\n \n@@ -271,13 +270,11 @@ function checkShouldComponentUpdate(\n instance.shouldComponentUpdate(newProps, newState, nextContext);\n }\n }\n- startPhaseTimer(workInProgress, 'shouldComponentUpdate');\n const shouldUpdate = instance.shouldComponentUpdate(\n newProps,\n newState,\n nextContext,\n );\n- stopPhaseTimer();\n \n if (__DEV__) {\n if (shouldUpdate === undefined) {\n@@ -705,7 +702,6 @@ function constructClassInstance(\n }\n \n function callComponentWillMount(workInProgress, instance) {\n- startPhaseTimer(workInProgress, 'componentWillMount');\n const oldState = instance.state;\n \n if (typeof instance.componentWillMount === 'function') {\n@@ -715,8 +711,6 @@ function callComponentWillMount(workInProgress, instance) {\n instance.UNSAFE_componentWillMount();\n }\n \n- stopPhaseTimer();\n-\n if (oldState !== instance.state) {\n if (__DEV__) {\n console.error(\n@@ -737,14 +731,12 @@ function callComponentWillReceiveProps(\n nextContext,\n ) {\n const oldState = instance.state;\n- startPhaseTimer(workInProgress, 'componentWillReceiveProps');\n if (typeof instance.componentWillReceiveProps === 'function') {\n instance.componentWillReceiveProps(newProps, nextContext);\n }\n if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {\n instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);\n }\n- stopPhaseTimer();\n \n if (instance.state !== oldState) {\n if (__DEV__) {\n@@ -961,14 +953,12 @@ function resumeMountClassInstance(\n (typeof instance.UNSAFE_componentWillMount === 'function' ||\n typeof instance.componentWillMount === 'function')\n ) {\n- startPhaseTimer(workInProgress, 'componentWillMount');\n if (typeof instance.componentWillMount === 'function') {\n instance.componentWillMount();\n }\n if (typeof instance.UNSAFE_componentWillMount === 'function') {\n instance.UNSAFE_componentWillMount();\n }\n- stopPhaseTimer();\n }\n if (typeof instance.componentDidMount === 'function') {\n workInProgress.effectTag |= Update;\n@@ -1113,14 +1103,12 @@ function updateClassInstance(\n (typeof instance.UNSAFE_componentWillUpdate === 'function' ||\n typeof instance.componentWillUpdate === 'function')\n ) {\n- startPhaseTimer(workInProgress, 'componentWillUpdate');\n if (typeof instance.componentWillUpdate === 'function') {\n instance.componentWillUpdate(newProps, newState, nextContext);\n }\n if (typeof instance.UNSAFE_componentWillUpdate === 'function') {\n instance.UNSAFE_componentWillUpdate(newProps, newState, nextContext);\n }\n- stopPhaseTimer();\n }\n if (typeof instance.componentDidUpdate === 'function') {\n workInProgress.effectTag |= Update;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberCommitWork.js b\/packages\/react-reconciler\/src\/ReactFiberCommitWork.js\nindex 5af821dfc8..1e993acb65 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberCommitWork.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberCommitWork.js\n@@ -74,7 +74,6 @@ import getComponentName from 'shared\/getComponentName';\n import invariant from 'shared\/invariant';\n \n import {onCommitUnmount} from '.\/ReactFiberDevToolsHook';\n-import {startPhaseTimer, stopPhaseTimer} from '.\/ReactDebugFiberPerf';\n import {getStackByFiberInDevAndProd} from '.\/ReactCurrentFiber';\n import {logCapturedError} from '.\/ReactFiberErrorLogger';\n import {resolveDefaultProps} from '.\/ReactFiberLazyComponent';\n@@ -182,7 +181,6 @@ export function logError(boundary: Fiber, errorInfo: CapturedValue) {\n }\n \n const callComponentWillUnmountWithTimer = function(current, instance) {\n- startPhaseTimer(current, 'componentWillUnmount');\n instance.props = current.memoizedProps;\n instance.state = current.memoizedState;\n if (\n@@ -199,7 +197,6 @@ const callComponentWillUnmountWithTimer = function(current, instance) {\n } else {\n instance.componentWillUnmount();\n }\n- stopPhaseTimer();\n };\n \n \/\/ Capture errors so they don't interrupt unmounting.\n@@ -280,7 +277,6 @@ function commitBeforeMutationLifeCycles(\n if (current !== null) {\n const prevProps = current.memoizedProps;\n const prevState = current.memoizedState;\n- startPhaseTimer(finishedWork, 'getSnapshotBeforeUpdate');\n const instance = finishedWork.stateNode;\n \/\/ We could update instance props and state here,\n \/\/ but instead we rely on them being set during last render.\n@@ -330,7 +326,6 @@ function commitBeforeMutationLifeCycles(\n }\n }\n instance.__reactInternalSnapshotBeforeUpdate = snapshot;\n- stopPhaseTimer();\n }\n }\n return;\n@@ -580,7 +575,6 @@ function commitLifeCycles(\n const instance = finishedWork.stateNode;\n if (finishedWork.effectTag & Update) {\n if (current === null) {\n- startPhaseTimer(finishedWork, 'componentDidMount');\n \/\/ We could update instance props and state here,\n \/\/ but instead we rely on them being set during last render.\n \/\/ TODO: revisit this when we implement resuming.\n@@ -625,14 +619,12 @@ function commitLifeCycles(\n } else {\n instance.componentDidMount();\n }\n- stopPhaseTimer();\n } else {\n const prevProps =\n finishedWork.elementType === finishedWork.type\n ? current.memoizedProps\n : resolveDefaultProps(finishedWork.type, current.memoizedProps);\n const prevState = current.memoizedState;\n- startPhaseTimer(finishedWork, 'componentDidUpdate');\n \/\/ We could update instance props and state here,\n \/\/ but instead we rely on them being set during last render.\n \/\/ TODO: revisit this when we implement resuming.\n@@ -685,7 +677,6 @@ function commitLifeCycles(\n instance.__reactInternalSnapshotBeforeUpdate,\n );\n }\n- stopPhaseTimer();\n }\n }\n const updateQueue = finishedWork.updateQueue;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberContext.js b\/packages\/react-reconciler\/src\/ReactFiberContext.js\nindex 33ba72aeec..d2e0b40431 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberContext.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberContext.js\n@@ -17,7 +17,6 @@ import getComponentName from 'shared\/getComponentName';\n import invariant from 'shared\/invariant';\n import checkPropTypes from 'shared\/checkPropTypes';\n \n-import {startPhaseTimer, stopPhaseTimer} from '.\/ReactDebugFiberPerf';\n import {createCursor, push, pop} from '.\/ReactFiberStack';\n \n let warnedAboutMissingGetChildContext;\n@@ -203,9 +202,7 @@ function processChildContext(\n }\n \n let childContext;\n- startPhaseTimer(fiber, 'getChildContext');\n childContext = instance.getChildContext();\n- stopPhaseTimer();\n for (let contextKey in childContext) {\n invariant(\n contextKey in childContextTypes,\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.js b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.js\nindex ec80c6c91c..276795d2ce 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.js\n@@ -21,7 +21,6 @@ import {\n warnAboutDeprecatedLifecycles,\n deferPassiveEffectCleanupDuringUnmount,\n runAllPassiveEffectDestroysBeforeCreates,\n- enableUserTimingAPI,\n enableSuspenseServerRenderer,\n replayFailedUnitOfWorkWithInvokeGuardedCallback,\n enableProfilerTimer,\n@@ -167,23 +166,6 @@ import {\n setCurrentFiber as setCurrentDebugFiberInDEV,\n getStackByFiberInDevAndProd,\n } from '.\/ReactCurrentFiber';\n-import {\n- recordEffect,\n- recordScheduleUpdate,\n- startWorkTimer,\n- stopWorkTimer,\n- stopFailedWorkTimer,\n- startWorkLoopTimer,\n- stopWorkLoopTimer,\n- startCommitTimer,\n- stopCommitTimer,\n- startCommitSnapshotEffectsTimer,\n- stopCommitSnapshotEffectsTimer,\n- startCommitHostEffectsTimer,\n- stopCommitHostEffectsTimer,\n- startCommitLifeCyclesTimer,\n- stopCommitLifeCyclesTimer,\n-} from '.\/ReactDebugFiberPerf';\n import {\n invokeGuardedCallback,\n hasCaughtError,\n@@ -275,8 +257,6 @@ let rootWithNestedUpdates: FiberRoot | null = null;\n const NESTED_PASSIVE_UPDATE_LIMIT = 50;\n let nestedPassiveUpdateCount: number = 0;\n \n-let interruptedBy: Fiber | null = null;\n-\n \/\/ Marks the need to reschedule pending interactions at these expiration times\n \/\/ during the commit phase. This enables them to be traced across components\n \/\/ that spawn new work during render. E.g. hidden boundaries, suspended SSR\n@@ -397,9 +377,6 @@ export function scheduleUpdateOnFiber(\n return;\n }\n \n- checkForInterruption(fiber, expirationTime);\n- recordScheduleUpdate();\n-\n \/\/ TODO: computeExpirationForFiber also reads the priority. Pass the\n \/\/ priority as an argument to that function and this one.\n const priorityLevel = getCurrentPriorityLevel();\n@@ -1410,7 +1387,6 @@ function renderRootSync(root, expirationTime) {\n }\n \n const prevInteractions = pushInteractions(root);\n- startWorkLoopTimer(workInProgress);\n do {\n try {\n workLoopSync();\n@@ -1436,8 +1412,6 @@ function renderRootSync(root, expirationTime) {\n );\n }\n \n- stopFinishedWorkLoopTimer();\n-\n \/\/ Set this to null to indicate there's no in-progress render.\n workInProgressRoot = null;\n \n@@ -1466,7 +1440,6 @@ function renderRootConcurrent(root, expirationTime) {\n }\n \n const prevInteractions = pushInteractions(root);\n- startWorkLoopTimer(workInProgress);\n do {\n try {\n workLoopConcurrent();\n@@ -1486,12 +1459,9 @@ function renderRootConcurrent(root, expirationTime) {\n \/\/ Check if the tree has completed.\n if (workInProgress !== null) {\n \/\/ Still work remaining.\n- stopInterruptedWorkLoopTimer();\n return RootIncomplete;\n } else {\n \/\/ Completed the tree.\n- stopFinishedWorkLoopTimer();\n-\n \/\/ Set this to null to indicate there's no in-progress render.\n workInProgressRoot = null;\n \n@@ -1513,8 +1483,6 @@ function performUnitOfWork(unitOfWork: Fiber): Fiber | null {\n \/\/ nothing should rely on this, but relying on it here means that we don't\n \/\/ need an additional field on the work in progress.\n const current = unitOfWork.alternate;\n-\n- startWorkTimer(unitOfWork);\n setCurrentDebugFiberInDEV(unitOfWork);\n \n let next;\n@@ -1563,7 +1531,6 @@ function completeUnitOfWork(unitOfWork: Fiber): Fiber | null {\n \/\/ Update render duration assuming we didn't error.\n stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);\n }\n- stopWorkTimer(workInProgress);\n resetCurrentDebugFiberInDEV();\n resetChildExpirationTime(workInProgress);\n \n@@ -1640,13 +1607,9 @@ function completeUnitOfWork(unitOfWork: Fiber): Fiber | null {\n \/\/ back here again.\n \/\/ Since we're restarting, remove anything that is not a host effect\n \/\/ from the effect tag.\n- \/\/ TODO: The name stopFailedWorkTimer is misleading because Suspense\n- \/\/ also captures and restarts.\n- stopFailedWorkTimer(workInProgress);\n next.effectTag &= HostEffectMask;\n return next;\n }\n- stopWorkTimer(workInProgress);\n \n if (returnFiber !== null) {\n \/\/ Mark the parent fiber as incomplete and clear its effect list.\n@@ -1792,8 +1755,6 @@ function commitRootImpl(root, renderPriorityLevel) {\n root.callbackPriority = NoPriority;\n root.nextKnownPendingLevel = NoWork;\n \n- startCommitTimer();\n-\n \/\/ Update the first and last pending times on this root. The new first\n \/\/ pending time is whatever is left on the root fiber.\n const remainingExpirationTimeBeforeCommit = getRemainingExpirationTime(\n@@ -1849,7 +1810,6 @@ function commitRootImpl(root, renderPriorityLevel) {\n \/\/ The first phase a \"before mutation\" phase. We use this phase to read the\n \/\/ state of the host tree right before we mutate it. This is where\n \/\/ getSnapshotBeforeUpdate is called.\n- startCommitSnapshotEffectsTimer();\n prepareForCommit(root.containerInfo);\n nextEffect = firstEffect;\n do {\n@@ -1871,7 +1831,6 @@ function commitRootImpl(root, renderPriorityLevel) {\n }\n }\n } while (nextEffect !== null);\n- stopCommitSnapshotEffectsTimer();\n \n if (enableProfilerTimer) {\n \/\/ Mark the current commit time to be shared by all Profilers in this\n@@ -1880,7 +1839,6 @@ function commitRootImpl(root, renderPriorityLevel) {\n }\n \n \/\/ The next phase is the mutation phase, where we mutate the host tree.\n- startCommitHostEffectsTimer();\n nextEffect = firstEffect;\n do {\n if (__DEV__) {\n@@ -1907,7 +1865,6 @@ function commitRootImpl(root, renderPriorityLevel) {\n }\n }\n } while (nextEffect !== null);\n- stopCommitHostEffectsTimer();\n resetAfterCommit(root.containerInfo);\n \n \/\/ The work-in-progress tree is now the current tree. This must come after\n@@ -1919,7 +1876,6 @@ function commitRootImpl(root, renderPriorityLevel) {\n \/\/ The next phase is the layout phase, where we call effects that read\n \/\/ the host tree after it's been mutated. The idiomatic use case for this is\n \/\/ layout, but class component lifecycles also fire here for legacy reasons.\n- startCommitLifeCyclesTimer();\n nextEffect = firstEffect;\n do {\n if (__DEV__) {\n@@ -1946,7 +1902,6 @@ function commitRootImpl(root, renderPriorityLevel) {\n }\n }\n } while (nextEffect !== null);\n- stopCommitLifeCyclesTimer();\n \n nextEffect = null;\n \n@@ -1964,19 +1919,11 @@ function commitRootImpl(root, renderPriorityLevel) {\n \/\/ Measure these anyway so the flamegraph explicitly shows that there were\n \/\/ no effects.\n \/\/ TODO: Maybe there's a better way to report this.\n- startCommitSnapshotEffectsTimer();\n- stopCommitSnapshotEffectsTimer();\n if (enableProfilerTimer) {\n recordCommitTime();\n }\n- startCommitHostEffectsTimer();\n- stopCommitHostEffectsTimer();\n- startCommitLifeCyclesTimer();\n- stopCommitLifeCyclesTimer();\n }\n \n- stopCommitTimer();\n-\n const rootDidHavePassiveEffects = rootDoesHavePassiveEffects;\n \n if (rootDoesHavePassiveEffects) {\n@@ -2075,7 +2022,6 @@ function commitBeforeMutationEffects() {\n const effectTag = nextEffect.effectTag;\n if ((effectTag & Snapshot) !== NoEffect) {\n setCurrentDebugFiberInDEV(nextEffect);\n- recordEffect();\n \n const current = nextEffect.alternate;\n commitBeforeMutationEffectOnFiber(current, nextEffect);\n@@ -2166,9 +2112,6 @@ function commitMutationEffects(root: FiberRoot, renderPriorityLevel) {\n }\n }\n \n- \/\/ TODO: Only record a mutation effect if primaryEffectTag is non-zero.\n- recordEffect();\n-\n resetCurrentDebugFiberInDEV();\n nextEffect = nextEffect.nextEffect;\n }\n@@ -2185,7 +2128,6 @@ function commitLayoutEffects(\n const effectTag = nextEffect.effectTag;\n \n if (effectTag & (Update | Callback)) {\n- recordEffect();\n const current = nextEffect.alternate;\n commitLayoutEffectOnFiber(\n root,\n@@ -2196,7 +2138,6 @@ function commitLayoutEffects(\n }\n \n if (effectTag & Ref) {\n- recordEffect();\n commitAttachRef(nextEffect);\n }\n \n@@ -2755,32 +2696,6 @@ function flushRenderPhaseStrictModeWarningsInDEV() {\n }\n }\n \n-function stopFinishedWorkLoopTimer() {\n- const didCompleteRoot = true;\n- stopWorkLoopTimer(interruptedBy, didCompleteRoot);\n- interruptedBy = null;\n-}\n-\n-function stopInterruptedWorkLoopTimer() {\n- \/\/ TODO: Track which fiber caused the interruption.\n- const didCompleteRoot = false;\n- stopWorkLoopTimer(interruptedBy, didCompleteRoot);\n- interruptedBy = null;\n-}\n-\n-function checkForInterruption(\n- fiberThatReceivedUpdate: Fiber,\n- updateExpirationTime: ExpirationTime,\n-) {\n- if (\n- enableUserTimingAPI &&\n- workInProgressRoot !== null &&\n- updateExpirationTime > renderExpirationTime\n- ) {\n- interruptedBy = fiberThatReceivedUpdate;\n- }\n-}\n-\n let didWarnStateUpdateForUnmountedComponent: Set | null = null;\n function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {\n if (__DEV__) {\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalPerf-test.internal.js b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalPerf-test.internal.js\ndeleted file mode 100644\nindex 08c569c239..0000000000\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalPerf-test.internal.js\n+++ \/dev\/null\n@@ -1,683 +0,0 @@\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- * @emails react-core\n- * @jest-environment node\n- *\/\n-\n-'use strict';\n-\n-describe('ReactDebugFiberPerf', () => {\n- let React;\n- let ReactNoop;\n- let Scheduler;\n- let PropTypes;\n-\n- let root;\n- let activeMeasure;\n- let knownMarks;\n- let knownMeasures;\n- let comments;\n-\n- function resetFlamechart() {\n- root = {\n- children: [],\n- indent: -1,\n- markName: null,\n- label: null,\n- parent: null,\n- toString() {\n- return this.children.map(c => c.toString()).join('\\n');\n- },\n- };\n- activeMeasure = root;\n- knownMarks = new Set();\n- knownMeasures = new Set();\n- comments = [];\n- }\n-\n- function addComment(comment) {\n- comments.push(comment);\n- }\n-\n- function getFlameChart() {\n- \/\/ Make sure we unwind the measurement stack every time.\n- expect(activeMeasure.indent).toBe(-1);\n- expect(activeMeasure).toBe(root);\n- \/\/ We should always clean them up because browsers\n- \/\/ buffer user timing measurements forever.\n- expect(knownMarks.size).toBe(0);\n- expect(knownMeasures.size).toBe(0);\n- return root.toString();\n- }\n-\n- function createUserTimingPolyfill() {\n- \/\/ This is not a true polyfill, but it gives us enough\n- \/\/ to capture measurements in a readable tree-like output.\n- \/\/ Reference: https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/User_Timing_API\n- return {\n- mark(markName) {\n- const measure = {\n- children: [],\n- indent: activeMeasure.indent + 1,\n- markName: markName,\n- \/\/ Will be assigned on measure() call:\n- label: null,\n- parent: activeMeasure,\n- comments,\n- toString() {\n- return (\n- [\n- ...this.comments.map(c => ' '.repeat(this.indent) + '\/\/ ' + c),\n- ' '.repeat(this.indent) + this.label,\n- ...this.children.map(c => c.toString()),\n- ].join('\\n') +\n- \/\/ Extra newline after each root reconciliation\n- (this.indent === 0 ? '\\n' : '')\n- );\n- },\n- };\n- comments = [];\n- \/\/ Step one level deeper\n- activeMeasure.children.push(measure);\n- activeMeasure = measure;\n- knownMarks.add(markName);\n- },\n- \/\/ We don't use the overload with three arguments.\n- measure(label, markName) {\n- if (markName !== activeMeasure.markName) {\n- \/\/ Fail the test.\n- console.error(\n- 'Unexpected measure() call: \"%s\". Active mark is \"%s\".',\n- markName,\n- activeMeasure.markName,\n- );\n- \/\/ This exception will be caught and ignored\n- \/\/ because in the real implementation, we don't want\n- \/\/ to spam the console due to a React bug.\n- throw new Error('Unexpected measure() call.');\n- }\n- \/\/ Step one level up\n- activeMeasure.label = label;\n- activeMeasure = activeMeasure.parent;\n- knownMeasures.add(label);\n- },\n- clearMarks(markName) {\n- if (markName === activeMeasure.markName) {\n- \/\/ Step one level up if we're in this measure\n- activeMeasure = activeMeasure.parent;\n- activeMeasure.children.length--;\n- }\n- knownMarks.delete(markName);\n- },\n- clearMeasures(label) {\n- knownMeasures.delete(label);\n- },\n- };\n- }\n-\n- function Parent(props) {\n- return

{props.children}<\/div>;\n- }\n-\n- function Child(props) {\n- return

{props.children}<\/div>;\n- }\n-\n- beforeEach(() => {\n- jest.resetModules();\n- resetFlamechart();\n- global.performance = createUserTimingPolyfill();\n-\n- require('shared\/ReactFeatureFlags').enableUserTimingAPI = true;\n- require('shared\/ReactFeatureFlags').enableProfilerTimer = false;\n- require('shared\/ReactFeatureFlags').replayFailedUnitOfWorkWithInvokeGuardedCallback = false;\n- require('shared\/ReactFeatureFlags').debugRenderPhaseSideEffectsForStrictMode = false;\n- require('scheduler\/src\/SchedulerFeatureFlags').enableProfiling = false;\n-\n- \/\/ Import after the polyfill is set up:\n- React = require('react');\n- ReactNoop = require('react-noop-renderer');\n- Scheduler = require('scheduler');\n- PropTypes = require('prop-types');\n- });\n-\n- afterEach(() => {\n- delete global.performance;\n- });\n-\n- it('measures a simple reconciliation', () => {\n- ReactNoop.render(\n- \n- \n- <\/Parent>,\n- );\n- addComment('Mount');\n- expect(Scheduler).toFlushWithoutYielding();\n-\n- ReactNoop.render(\n- \n- \n- <\/Parent>,\n- );\n- addComment('Update');\n- expect(Scheduler).toFlushWithoutYielding();\n-\n- ReactNoop.render(null);\n- addComment('Unmount');\n- expect(Scheduler).toFlushWithoutYielding();\n-\n- expect(getFlameChart()).toMatchSnapshot();\n- });\n-\n- it('properly displays the forwardRef component in measurements', () => {\n- const AnonymousForwardRef = React.forwardRef((props, ref) => (\n- \n- ));\n- const NamedForwardRef = React.forwardRef(function refForwarder(props, ref) {\n- return ;\n- });\n- function notImportant(props, ref) {\n- return ;\n- }\n- notImportant.displayName = 'OverriddenName';\n- const DisplayNamedForwardRef = React.forwardRef(notImportant);\n-\n- ReactNoop.render(\n- \n- \n- \n- \n- <\/Parent>,\n- );\n- addComment('Mount');\n- expect(Scheduler).toFlushWithoutYielding();\n-\n- expect(getFlameChart()).toMatchSnapshot();\n- });\n-\n- it('does not include StrictMode or Profiler components in measurements', () => {\n- ReactNoop.render(\n- \n- \n- \n- \n- <\/Parent>\n- <\/React.StrictMode>\n- <\/React.Profiler>,\n- );\n- addComment('Mount');\n- expect(Scheduler).toFlushWithoutYielding();\n-\n- expect(getFlameChart()).toMatchSnapshot();\n- });\n-\n- it('does not include context provider or consumer in measurements', () => {\n- const {Consumer, Provider} = React.createContext(true);\n-\n- ReactNoop.render(\n- \n- \n- {value => }<\/Consumer>\n- <\/Parent>\n- <\/Provider>,\n- );\n- addComment('Mount');\n- expect(Scheduler).toFlushWithoutYielding();\n-\n- expect(getFlameChart()).toMatchSnapshot();\n- });\n-\n- it('skips parents during setState', () => {\n- class A extends React.Component {\n- render() {\n- return

{this.props.children}<\/div>;\n- }\n- }\n-\n- class B extends React.Component {\n- render() {\n- return

{this.props.children}<\/div>;\n- }\n- }\n-\n- let a;\n- let b;\n- ReactNoop.render(\n- \n- \n- \n- (a = inst)} \/>\n- <\/Parent>\n- <\/Parent>\n- \n- (b = inst)} \/>\n- <\/Parent>\n- <\/Parent>,\n- );\n- expect(Scheduler).toFlushWithoutYielding();\n- resetFlamechart();\n-\n- a.setState({});\n- b.setState({});\n- addComment('Should include just A and B, no Parents');\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(getFlameChart()).toMatchSnapshot();\n- });\n-\n- it('warns on cascading renders from setState', () => {\n- class Cascading extends React.Component {\n- componentDidMount() {\n- this.setState({});\n- }\n- render() {\n- return {this.props.children}<\/div>;\n- }\n- }\n-\n- ReactNoop.render(\n- \n- \n- <\/Parent>,\n- );\n- addComment('Should print a warning');\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(getFlameChart()).toMatchSnapshot();\n- });\n-\n- it('warns on cascading renders from top-level render', () => {\n- class Cascading extends React.Component {\n- componentDidMount() {\n- ReactNoop.renderToRootWithID(, 'b');\n- addComment('Scheduling another root from componentDidMount');\n- }\n- render() {\n- return
{this.props.children}<\/div>;\n- }\n- }\n-\n- ReactNoop.renderToRootWithID(, 'a');\n- addComment('Rendering the first root');\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(getFlameChart()).toMatchSnapshot();\n- });\n-\n- it('does not treat setState from cWM or cWRP as cascading', () => {\n- class NotCascading extends React.Component {\n- UNSAFE_componentWillMount() {\n- this.setState({});\n- }\n- UNSAFE_componentWillReceiveProps() {\n- this.setState({});\n- }\n- render() {\n- return
{this.props.children}<\/div>;\n- }\n- }\n-\n- ReactNoop.render(\n- \n- \n- <\/Parent>,\n- );\n- addComment('Should not print a warning');\n- expect(() => expect(Scheduler).toFlushWithoutYielding()).toErrorDev(\n- [\n- 'Using UNSAFE_componentWillMount in strict mode is not recommended',\n- 'Using UNSAFE_componentWillReceiveProps in strict mode is not recommended',\n- ],\n- {withoutStack: true},\n- );\n- ReactNoop.render(\n- \n- \n- <\/Parent>,\n- );\n- addComment('Should not print a warning');\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(getFlameChart()).toMatchSnapshot();\n- });\n-\n- it('captures all lifecycles', () => {\n- class AllLifecycles extends React.Component {\n- static childContextTypes = {\n- foo: PropTypes.any,\n- };\n- shouldComponentUpdate() {\n- return true;\n- }\n- getChildContext() {\n- return {foo: 42};\n- }\n- UNSAFE_componentWillMount() {}\n- componentDidMount() {}\n- UNSAFE_componentWillReceiveProps() {}\n- UNSAFE_componentWillUpdate() {}\n- componentDidUpdate() {}\n- componentWillUnmount() {}\n- render() {\n- return
;\n- }\n- }\n- ReactNoop.render();\n- addComment('Mount');\n- expect(() => expect(Scheduler).toFlushWithoutYielding()).toErrorDev(\n- [\n- 'Using UNSAFE_componentWillMount in strict mode is not recommended',\n- 'Using UNSAFE_componentWillReceiveProps in strict mode is not recommended',\n- 'Using UNSAFE_componentWillUpdate in strict mode is not recommended',\n- 'Legacy context API has been detected within a strict-mode tree',\n- ],\n- {withoutStack: 3},\n- );\n- ReactNoop.render();\n- addComment('Update');\n- expect(Scheduler).toFlushWithoutYielding();\n- ReactNoop.render(null);\n- addComment('Unmount');\n- expect(Scheduler).toFlushWithoutYielding();\n- expect(getFlameChart()).toMatchSnapshot();\n- });\n-\n- it('measures deprioritized work', () => {\n- addComment('Flush the parent');\n- ReactNoop.flushSync(() => {\n- ReactNoop.render(\n- \n-

dillon1000/react

Files changed