unstable_Profiler -> Profiler (#15172)
Brian Vaughn committed
Mar 21, 2019 at 09:18 UTC
56035dac645af75c1a8aa8deba2bcf89b14a5aa4
11 files changed
+128
-132
packages/react-dom/src/__tests__/ReactDOMServerIntegrationSpecialTypes-test.js
+2
-2
@@ -73,9 +73,9 @@ describe('ReactDOMServerIntegration', () => {
73
74
itRenders('a Profiler component and its children', async render => {
75
const element = await render(
76
- <React.unstable_Profiler id="profiler" onRender={jest.fn()}>
76
+ <React.Profiler id="profiler" onRender={jest.fn()}>
77
<div>Test</div>
78
- </React.unstable_Profiler>,
78
+ </React.Profiler>,
79
);
80
const parent = element.parentNode;
81
const div = parent.childNodes[0];
packages/react-dom/src/__tests__/ReactServerRenderingHydration-test.js
+2
-2
@@ -391,9 +391,9 @@ describe('ReactDOMServerHydration', () => {
391
it('should be able to render and hydrate Profiler components', () => {
392
const callback = jest.fn();
393
const markup = (
394
- <React.unstable_Profiler id="profiler" onRender={callback}>
394
+ <React.Profiler id="profiler" onRender={callback}>
395
<div>Hi</div>
396
- </React.unstable_Profiler>
396
+ </React.Profiler>
397
);
398
399
const element = document.createElement('div');
packages/react-is/src/__tests__/ReactIs-test.js
+3
-5
@@ -182,14 +182,12 @@ describe('ReactIs', () => {
182
183
it('should identify profile root', () => {
184
expect(
185
- ReactIs.typeOf(<React.unstable_Profiler id="foo" onRender={jest.fn()} />),
185
+ ReactIs.typeOf(<React.Profiler id="foo" onRender={jest.fn()} />),
186
).toBe(ReactIs.Profiler);
187
expect(
188
- ReactIs.isProfiler(
189
- <React.unstable_Profiler id="foo" onRender={jest.fn()} />,
190
- ),
188
+ ReactIs.isProfiler(<React.Profiler id="foo" onRender={jest.fn()} />),
189
).toBe(true);
192
- expect(ReactIs.isProfiler({type: ReactIs.unstable_Profiler})).toBe(false);
190
+ expect(ReactIs.isProfiler({type: ReactIs.Profiler})).toBe(false);
191
expect(ReactIs.isProfiler(<React.unstable_ConcurrentMode />)).toBe(false);
192
expect(ReactIs.isProfiler(<div />)).toBe(false);
193
});
packages/react-reconciler/src/__tests__/ReactIncrementalPerf-test.internal.js
+2
-2
@@ -191,7 +191,7 @@ describe('ReactDebugFiberPerf', () => {
191
192
it('does not include ConcurrentMode, StrictMode, or Profiler components in measurements', () => {
193
ReactNoop.render(
194
- <React.unstable_Profiler id="test" onRender={jest.fn()}>
194
+ <React.Profiler id="test" onRender={jest.fn()}>
195
<React.StrictMode>
196
<Parent>
197
<React.unstable_ConcurrentMode>
@@ -199,7 +199,7 @@ describe('ReactDebugFiberPerf', () => {
199
</React.unstable_ConcurrentMode>
200
</Parent>
201
</React.StrictMode>
202
- </React.unstable_Profiler>,
202
+ </React.Profiler>,
203
);
204
addComment('Mount');
205
expect(Scheduler).toFlushWithoutYielding();
packages/react-reconciler/src/__tests__/ReactSuspensePlaceholder-test.internal.js
+1
-1
@@ -31,7 +31,7 @@ describe('ReactSuspensePlaceholder', () => {
31
Scheduler = require('scheduler');
32
ReactCache = require('react-cache');
33
34
- Profiler = React.unstable_Profiler;
34
+ Profiler = React.Profiler;
35
Suspense = React.Suspense;
36
37
TextResource = ReactCache.unstable_createResource(([text, ms = 0]) => {
packages/react-test-renderer/src/__tests__/ReactShallowRenderer-test.js
+3
-3
@@ -234,12 +234,12 @@ describe('ReactShallowRenderer', () => {
234
class SomeComponent extends React.Component {
235
render() {
236
return (
237
- <React.unstable_Profiler id="test" onRender={jest.fn()}>
237
+ <React.Profiler id="test" onRender={jest.fn()}>
238
<div>
239
<span className="child1" />
240
<span className="child2" />
241
</div>
242
- </React.unstable_Profiler>
242
+ </React.Profiler>
243
);
244
}
245
}
@@ -247,7 +247,7 @@ describe('ReactShallowRenderer', () => {
247
const shallowRenderer = createRenderer();
248
const result = shallowRenderer.render(<SomeComponent />);
249
250
- expect(result.type).toBe(React.unstable_Profiler);
250
+ expect(result.type).toBe(React.Profiler);
251
expect(result.props.children).toEqual(
252
<div>
253
<span className="child1" />
packages/react-test-renderer/src/__tests__/ReactShallowRendererMemo-test.js
+3
-3
@@ -226,12 +226,12 @@ describe('ReactShallowRendererMemo', () => {
226
class SomeComponent extends React.Component {
227
render() {
228
return (
229
- <React.unstable_Profiler id="test" onRender={jest.fn()}>
229
+ <React.Profiler id="test" onRender={jest.fn()}>
230
<div>
231
<span className="child1" />
232
<span className="child2" />
233
</div>
234
- </React.unstable_Profiler>
234
+ </React.Profiler>
235
);
236
}
237
},
@@ -240,7 +240,7 @@ describe('ReactShallowRendererMemo', () => {
240
const shallowRenderer = createRenderer();
241
const result = shallowRenderer.render(<SomeComponent />);
242
243
- expect(result.type).toBe(React.unstable_Profiler);
243
+ expect(result.type).toBe(React.Profiler);
244
expect(result.props.children).toEqual(
245
<div>
246
<span className="child1" />
packages/react-test-renderer/src/__tests__/ReactTestRendererTraversal-test.js
+2
-2
@@ -39,9 +39,9 @@ describe('ReactTestRendererTraversal', () => {
39
<View void="void" />
40
<View void="void" />
41
</ExampleNull>
42
- <React.unstable_Profiler id="test" onRender={() => {}}>
42
+ <React.Profiler id="test" onRender={() => {}}>
43
<ExampleForwardRef qux="qux" />
44
- </React.unstable_Profiler>
44
+ </React.Profiler>
45
<React.Fragment>
46
<React.Fragment>
47
<Context.Provider value={null}>
packages/react/src/React.js
+1
-3
@@ -77,6 +77,7 @@ const React = {
77
useState,
78
79
Fragment: REACT_FRAGMENT_TYPE,
80
+ Profiler: REACT_PROFILER_TYPE,
81
StrictMode: REACT_STRICT_MODE_TYPE,
82
Suspense: REACT_SUSPENSE_TYPE,
83
@@ -88,7 +89,6 @@ const React = {
89
version: ReactVersion,
90
91
unstable_ConcurrentMode: REACT_CONCURRENT_MODE_TYPE,
91
- unstable_Profiler: REACT_PROFILER_TYPE,
92
93
__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: ReactSharedInternals,
94
};
@@ -100,9 +100,7 @@ const React = {
100
101
if (enableStableConcurrentModeAPIs) {
102
React.ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
103
- React.Profiler = REACT_PROFILER_TYPE;
103
React.unstable_ConcurrentMode = undefined;
105
- React.unstable_Profiler = undefined;
104
}
105
106
export default React;
packages/react/src/__tests__/ReactProfiler-test.internal.js
+107
-107
@@ -127,7 +127,7 @@ describe('Profiler', () => {
127
it('should warn if required params are missing', () => {
128
expect(() => {
129
expect(() => {
130
- ReactTestRenderer.create(<React.unstable_Profiler />);
130
+ ReactTestRenderer.create(<React.Profiler />);
131
}).toThrow('onRender is not a function');
132
}).toWarnDev(
133
'Profiler must specify an "id" string and "onRender" function as props',
@@ -140,7 +140,7 @@ describe('Profiler', () => {
140
// As root
141
expect(
142
ReactTestRenderer.create(
143
- <React.unstable_Profiler id="label" onRender={jest.fn()} />,
143
+ <React.Profiler id="label" onRender={jest.fn()} />,
144
).toJSON(),
145
).toMatchSnapshot();
146
@@ -148,7 +148,7 @@ describe('Profiler', () => {
148
expect(
149
ReactTestRenderer.create(
150
<div>
151
- <React.unstable_Profiler id="label" onRender={jest.fn()} />
151
+ <React.Profiler id="label" onRender={jest.fn()} />
152
</div>,
153
).toJSON(),
154
).toMatchSnapshot();
@@ -159,10 +159,10 @@ describe('Profiler', () => {
159
const renderer = ReactTestRenderer.create(
160
<div>
161
<span>outside span</span>
162
- <React.unstable_Profiler id="label" onRender={jest.fn()}>
162
+ <React.Profiler id="label" onRender={jest.fn()}>
163
<span>inside span</span>
164
<FunctionComponent label="function component" />
165
- </React.unstable_Profiler>
165
+ </React.Profiler>
166
</div>,
167
);
168
expect(renderer.toJSON()).toMatchSnapshot();
@@ -176,13 +176,13 @@ describe('Profiler', () => {
176
}
177
}
178
const renderer = ReactTestRenderer.create(
179
- <React.unstable_Profiler id="outer" onRender={jest.fn()}>
179
+ <React.Profiler id="outer" onRender={jest.fn()}>
180
<FunctionComponent label="outer function component" />
181
- <React.unstable_Profiler id="inner" onRender={jest.fn()}>
181
+ <React.Profiler id="inner" onRender={jest.fn()}>
182
<ClassComponent label="inner class component" />
183
<span>inner span</span>
184
- </React.unstable_Profiler>
185
- </React.unstable_Profiler>,
184
+ </React.Profiler>
185
+ </React.Profiler>,
186
);
187
expect(renderer.toJSON()).toMatchSnapshot();
188
});
@@ -221,11 +221,11 @@ describe('Profiler', () => {
221
expect(() =>
222
ReactTestRenderer.create(
223
<ClassComponent>
224
- <React.unstable_Profiler id="do-not-throw" onRender={callback}>
225
- <React.unstable_Profiler id="throw" onRender={callback}>
224
+ <React.Profiler id="do-not-throw" onRender={callback}>
225
+ <React.Profiler id="throw" onRender={callback}>
226
<div />
227
- </React.unstable_Profiler>
228
- </React.unstable_Profiler>
227
+ </React.Profiler>
228
+ </React.Profiler>
229
</ClassComponent>,
230
),
231
).toThrow('expected');
@@ -242,10 +242,10 @@ describe('Profiler', () => {
242
};
243
244
ReactTestRenderer.create(
245
- <React.unstable_Profiler id="test" onRender={callback}>
245
+ <React.Profiler id="test" onRender={callback}>
246
<Yield value="first" />
247
<Yield value="last" />
248
- </React.unstable_Profiler>,
248
+ </React.Profiler>,
249
{
250
unstable_isConcurrent: true,
251
},
@@ -312,9 +312,9 @@ describe('Profiler', () => {
312
Scheduler.advanceTime(5); // 0 -> 5
313
314
const renderer = ReactTestRenderer.create(
315
- <React.unstable_Profiler id="test" onRender={callback}>
315
+ <React.Profiler id="test" onRender={callback}>
316
<AdvanceTime />
317
- </React.unstable_Profiler>,
317
+ </React.Profiler>,
318
);
319
320
expect(callback).toHaveBeenCalledTimes(1);
@@ -335,9 +335,9 @@ describe('Profiler', () => {
335
Scheduler.advanceTime(20); // 15 -> 35
336
337
renderer.update(
338
- <React.unstable_Profiler id="test" onRender={callback}>
338
+ <React.Profiler id="test" onRender={callback}>
339
<AdvanceTime />
340
- </React.unstable_Profiler>,
340
+ </React.Profiler>,
341
);
342
343
expect(callback).toHaveBeenCalledTimes(1);
@@ -358,9 +358,9 @@ describe('Profiler', () => {
358
Scheduler.advanceTime(20); // 45 -> 65
359
360
renderer.update(
361
- <React.unstable_Profiler id="test" onRender={callback}>
361
+ <React.Profiler id="test" onRender={callback}>
362
<AdvanceTime byAmount={4} />
363
- </React.unstable_Profiler>,
363
+ </React.Profiler>,
364
);
365
366
expect(callback).toHaveBeenCalledTimes(1);
@@ -384,13 +384,13 @@ describe('Profiler', () => {
384
385
ReactTestRenderer.create(
386
<React.Fragment>
387
- <React.unstable_Profiler id="parent" onRender={callback}>
387
+ <React.Profiler id="parent" onRender={callback}>
388
<AdvanceTime byAmount={10}>
389
- <React.unstable_Profiler id="child" onRender={callback}>
389
+ <React.Profiler id="child" onRender={callback}>
390
<AdvanceTime byAmount={20} />
391
- </React.unstable_Profiler>
391
+ </React.Profiler>
392
</AdvanceTime>
393
- </React.unstable_Profiler>
393
+ </React.Profiler>
394
</React.Fragment>,
395
);
396
@@ -419,12 +419,12 @@ describe('Profiler', () => {
419
420
ReactTestRenderer.create(
421
<React.Fragment>
422
- <React.unstable_Profiler id="first" onRender={callback}>
422
+ <React.Profiler id="first" onRender={callback}>
423
<AdvanceTime byAmount={20} />
424
- </React.unstable_Profiler>
425
- <React.unstable_Profiler id="second" onRender={callback}>
424
+ </React.Profiler>
425
+ <React.Profiler id="second" onRender={callback}>
426
<AdvanceTime byAmount={5} />
427
- </React.unstable_Profiler>
427
+ </React.Profiler>
428
</React.Fragment>,
429
);
430
@@ -453,9 +453,9 @@ describe('Profiler', () => {
453
ReactTestRenderer.create(
454
<React.Fragment>
455
<AdvanceTime byAmount={20} />
456
- <React.unstable_Profiler id="test" onRender={callback}>
456
+ <React.Profiler id="test" onRender={callback}>
457
<AdvanceTime byAmount={5} />
458
- </React.unstable_Profiler>
458
+ </React.Profiler>
459
<AdvanceTime byAmount={20} />
460
</React.Fragment>,
461
);
@@ -489,17 +489,17 @@ describe('Profiler', () => {
489
}
490
491
const renderer = ReactTestRenderer.create(
492
- <React.unstable_Profiler id="outer" onRender={callback}>
492
+ <React.Profiler id="outer" onRender={callback}>
493
<Updater>
494
- <React.unstable_Profiler id="middle" onRender={callback}>
494
+ <React.Profiler id="middle" onRender={callback}>
495
<Pure>
496
- <React.unstable_Profiler id="inner" onRender={callback}>
496
+ <React.Profiler id="inner" onRender={callback}>
497
<div />
498
- </React.unstable_Profiler>
498
+ </React.Profiler>
499
</Pure>
500
- </React.unstable_Profiler>
500
+ </React.Profiler>
501
</Updater>
502
- </React.unstable_Profiler>,
502
+ </React.Profiler>,
503
);
504
505
// All profile callbacks are called for initial render
@@ -526,11 +526,11 @@ describe('Profiler', () => {
526
Scheduler.advanceTime(5); // 0 -> 5
527
528
const renderer = ReactTestRenderer.create(
529
- <React.unstable_Profiler id="test" onRender={callback}>
529
+ <React.Profiler id="test" onRender={callback}>
530
<AdvanceTime byAmount={10}>
531
<AdvanceTime byAmount={13} shouldComponentUpdate={false} />
532
</AdvanceTime>
533
- </React.unstable_Profiler>,
533
+ </React.Profiler>,
534
);
535
536
expect(callback).toHaveBeenCalledTimes(1);
@@ -538,11 +538,11 @@ describe('Profiler', () => {
538
Scheduler.advanceTime(30); // 28 -> 58
539
540
renderer.update(
541
- <React.unstable_Profiler id="test" onRender={callback}>
541
+ <React.Profiler id="test" onRender={callback}>
542
<AdvanceTime byAmount={4}>
543
<AdvanceTime byAmount={7} shouldComponentUpdate={false} />
544
</AdvanceTime>
545
- </React.unstable_Profiler>,
545
+ </React.Profiler>,
546
);
547
548
expect(callback).toHaveBeenCalledTimes(2);
@@ -584,17 +584,17 @@ describe('Profiler', () => {
584
Scheduler.advanceTime(5); // 0 -> 5
585
586
const renderer = ReactTestRenderer.create(
587
- <React.unstable_Profiler id="test" onRender={callback}>
587
+ <React.Profiler id="test" onRender={callback}>
588
<WithLifecycles />
589
- </React.unstable_Profiler>,
589
+ </React.Profiler>,
590
);
591
592
Scheduler.advanceTime(15); // 13 -> 28
593
594
renderer.update(
595
- <React.unstable_Profiler id="test" onRender={callback}>
595
+ <React.Profiler id="test" onRender={callback}>
596
<WithLifecycles />
597
- </React.unstable_Profiler>,
597
+ </React.Profiler>,
598
);
599
600
expect(callback).toHaveBeenCalledTimes(2);
@@ -628,10 +628,10 @@ describe('Profiler', () => {
628
629
// Render partially, but run out of time before completing.
630
ReactTestRenderer.create(
631
- <React.unstable_Profiler id="test" onRender={callback}>
631
+ <React.Profiler id="test" onRender={callback}>
632
<Yield renderTime={2} />
633
<Yield renderTime={3} />
634
- </React.unstable_Profiler>,
634
+ </React.Profiler>,
635
{unstable_isConcurrent: true},
636
);
637
expect(Scheduler).toFlushAndYieldThrough(['Yield:2']);
@@ -663,13 +663,13 @@ describe('Profiler', () => {
663
// Render partially, but don't finish.
664
// This partial render should take 5ms of simulated time.
665
ReactTestRenderer.create(
666
- <React.unstable_Profiler id="outer" onRender={callback}>
666
+ <React.Profiler id="outer" onRender={callback}>
667
<Yield renderTime={5} />
668
<Yield renderTime={10} />
669
- <React.unstable_Profiler id="inner" onRender={callback}>
669
+ <React.Profiler id="inner" onRender={callback}>
670
<Yield renderTime={17} />
671
- </React.unstable_Profiler>
672
- </React.unstable_Profiler>,
671
+ </React.Profiler>
672
+ </React.Profiler>,
673
{unstable_isConcurrent: true},
674
);
675
expect(Scheduler).toFlushAndYieldThrough(['Yield:5']);
@@ -713,10 +713,10 @@ describe('Profiler', () => {
713
// Render a partially update, but don't finish.
714
// This partial render should take 10ms of simulated time.
715
const renderer = ReactTestRenderer.create(
716
- <React.unstable_Profiler id="test" onRender={callback}>
716
+ <React.Profiler id="test" onRender={callback}>
717
<Yield renderTime={10} />
718
<Yield renderTime={20} />
719
- </React.unstable_Profiler>,
719
+ </React.Profiler>,
720
{unstable_isConcurrent: true},
721
);
722
expect(Scheduler).toFlushAndYieldThrough(['Yield:10']);
@@ -729,9 +729,9 @@ describe('Profiler', () => {
729
// The interrupted work simulates an additional 5ms of time.
730
renderer.unstable_flushSync(() => {
731
renderer.update(
732
- <React.unstable_Profiler id="test" onRender={callback}>
732
+ <React.Profiler id="test" onRender={callback}>
733
<Yield renderTime={5} />
734
- </React.unstable_Profiler>,
734
+ </React.Profiler>,
735
);
736
});
737
expect(Scheduler).toHaveYielded(['Yield:5']);
@@ -764,10 +764,10 @@ describe('Profiler', () => {
764
Scheduler.advanceTime(5); // 0 -> 5
765
766
const renderer = ReactTestRenderer.create(
767
- <React.unstable_Profiler id="test" onRender={callback}>
767
+ <React.Profiler id="test" onRender={callback}>
768
<Yield renderTime={6} />
769
<Yield renderTime={15} />
770
- </React.unstable_Profiler>,
770
+ </React.Profiler>,
771
{unstable_isConcurrent: true},
772
);
773
@@ -788,11 +788,11 @@ describe('Profiler', () => {
788
// Render a partially update, but don't finish.
789
// This partial render should take 3ms of simulated time.
790
renderer.update(
791
- <React.unstable_Profiler id="test" onRender={callback}>
791
+ <React.Profiler id="test" onRender={callback}>
792
<Yield renderTime={3} />
793
<Yield renderTime={5} />
794
<Yield renderTime={9} />
795
- </React.unstable_Profiler>,
795
+ </React.Profiler>,
796
);
797
expect(Scheduler).toFlushAndYieldThrough(['Yield:3']);
798
expect(callback).toHaveBeenCalledTimes(0);
@@ -811,9 +811,9 @@ describe('Profiler', () => {
811
// The interrupted work simulates an additional 11ms of time.
812
renderer.unstable_flushSync(() => {
813
renderer.update(
814
- <React.unstable_Profiler id="test" onRender={callback}>
814
+ <React.Profiler id="test" onRender={callback}>
815
<Yield renderTime={11} />
816
- </React.unstable_Profiler>,
816
+ </React.Profiler>,
817
);
818
});
819
expect(Scheduler).toHaveYielded(['Yield:11']);
@@ -866,10 +866,10 @@ describe('Profiler', () => {
866
Scheduler.advanceTime(5); // 0 -> 5
867
868
const renderer = ReactTestRenderer.create(
869
- <React.unstable_Profiler id="test" onRender={callback}>
869
+ <React.Profiler id="test" onRender={callback}>
870
<FirstComponent />
871
<SecondComponent />
872
- </React.unstable_Profiler>,
872
+ </React.Profiler>,
873
{unstable_isConcurrent: true},
874
);
875
@@ -979,12 +979,12 @@ describe('Profiler', () => {
979
Scheduler.advanceTime(5); // 0 -> 5
980
981
ReactTestRenderer.create(
982
- <React.unstable_Profiler id="test" onRender={callback}>
982
+ <React.Profiler id="test" onRender={callback}>
983
<ErrorBoundary>
984
<AdvanceTime byAmount={9} />
985
<ThrowsError />
986
</ErrorBoundary>
987
- </React.unstable_Profiler>,
987
+ </React.Profiler>,
988
);
989
990
expect(callback).toHaveBeenCalledTimes(2);
@@ -1058,12 +1058,12 @@ describe('Profiler', () => {
1058
Scheduler.advanceTime(5); // 0 -> 5
1059
1060
ReactTestRenderer.create(
1061
- <React.unstable_Profiler id="test" onRender={callback}>
1061
+ <React.Profiler id="test" onRender={callback}>
1062
<ErrorBoundary>
1063
<AdvanceTime byAmount={5} />
1064
<ThrowsError />
1065
</ErrorBoundary>
1066
- </React.unstable_Profiler>,
1066
+ </React.Profiler>,
1067
);
1068
1069
expect(callback).toHaveBeenCalledTimes(1);
@@ -1101,29 +1101,29 @@ describe('Profiler', () => {
1101
// Simulate a renderer error during the "complete" phase.
1102
// This mimics behavior like React Native's View/Text nesting validation.
1103
ReactNoop.render(
1104
- <React.unstable_Profiler id="profiler" onRender={jest.fn()}>
1104
+ <React.Profiler id="profiler" onRender={jest.fn()}>
1105
<errorInCompletePhase>hi</errorInCompletePhase>
1106
- </React.unstable_Profiler>,
1106
+ </React.Profiler>,
1107
);
1108
expect(Scheduler).toFlushAndThrow('Error in host config.');
1109
1110
// A similar case we've seen caused by an invariant in ReactDOM.
1111
// It didn't reproduce without a host component inside.
1112
ReactNoop.render(
1113
- <React.unstable_Profiler id="profiler" onRender={jest.fn()}>
1113
+ <React.Profiler id="profiler" onRender={jest.fn()}>
1114
<errorInCompletePhase>
1115
<span>hi</span>
1116
</errorInCompletePhase>
1117
- </React.unstable_Profiler>,
1117
+ </React.Profiler>,
1118
);
1119
expect(Scheduler).toFlushAndThrow('Error in host config.');
1120
1121
// So long as the profiler timer's fiber stack is reset correctly,
1122
// Subsequent renders should not error.
1123
ReactNoop.render(
1124
- <React.unstable_Profiler id="profiler" onRender={jest.fn()}>
1124
+ <React.Profiler id="profiler" onRender={jest.fn()}>
1125
<span>hi</span>
1126
- </React.unstable_Profiler>,
1126
+ </React.Profiler>,
1127
);
1128
expect(Scheduler).toFlushWithoutYielding();
1129
});
@@ -1138,9 +1138,9 @@ describe('Profiler', () => {
1138
Scheduler.advanceTime(5); // 0 -> 5
1139
1140
const renderer = ReactTestRenderer.create(
1141
- <React.unstable_Profiler id="one" onRender={callback}>
1141
+ <React.Profiler id="one" onRender={callback}>
1142
<AdvanceTime byAmount={2} />
1143
- </React.unstable_Profiler>,
1143
+ </React.Profiler>,
1144
);
1145
1146
expect(callback).toHaveBeenCalledTimes(1);
@@ -1148,9 +1148,9 @@ describe('Profiler', () => {
1148
Scheduler.advanceTime(20); // 7 -> 27
1149
1150
renderer.update(
1151
- <React.unstable_Profiler id="two" onRender={callback}>
1151
+ <React.Profiler id="two" onRender={callback}>
1152
<AdvanceTime byAmount={1} />
1153
- </React.unstable_Profiler>,
1153
+ </React.Profiler>,
1154
);
1155
1156
expect(callback).toHaveBeenCalledTimes(2);
@@ -1193,9 +1193,9 @@ describe('Profiler', () => {
1193
}
1194
1195
ReactTestRenderer.create(
1196
- <React.unstable_Profiler id="test" onRender={callback}>
1196
+ <React.Profiler id="test" onRender={callback}>
1197
<ClassComponent />
1198
- </React.unstable_Profiler>,
1198
+ </React.Profiler>,
1199
);
1200
1201
expect(callback).toHaveBeenCalledTimes(1);
@@ -1545,9 +1545,9 @@ describe('Profiler', () => {
1545
Scheduler.unstable_now(),
1546
() => {
1547
renderer = ReactTestRenderer.create(
1548
- <React.unstable_Profiler id="test-profiler" onRender={onRender}>
1548
+ <React.Profiler id="test-profiler" onRender={onRender}>
1549
<Example />
1550
- </React.unstable_Profiler>,
1550
+ </React.Profiler>,
1551
{
1552
unstable_isConcurrent: true,
1553
},
@@ -1717,9 +1717,9 @@ describe('Profiler', () => {
1717
Scheduler.unstable_now(),
1718
() => {
1719
renderer.update(
1720
- <React.unstable_Profiler id="test-profiler" onRender={onRender}>
1720
+ <React.Profiler id="test-profiler" onRender={onRender}>
1721
<Example />
1722
- </React.unstable_Profiler>,
1722
+ </React.Profiler>,
1723
);
1724
},
1725
);
@@ -1794,10 +1794,10 @@ describe('Profiler', () => {
1794
Scheduler.advanceTime(5);
1795
1796
const renderer = ReactTestRenderer.create(
1797
- <React.unstable_Profiler id="test" onRender={onRender}>
1797
+ <React.Profiler id="test" onRender={onRender}>
1798
<FirstComponent />
1799
<SecondComponent />
1800
- </React.unstable_Profiler>,
1800
+ </React.Profiler>,
1801
{unstable_isConcurrent: true},
1802
);
1803
@@ -1975,9 +1975,9 @@ describe('Profiler', () => {
1975
Scheduler.unstable_now(),
1976
() => {
1977
ReactTestRenderer.create(
1978
- <React.unstable_Profiler id="test" onRender={onRender}>
1978
+ <React.Profiler id="test" onRender={onRender}>
1979
<Example />
1980
- </React.unstable_Profiler>,
1980
+ </React.Profiler>,
1981
{unstable_isConcurrent: true},
1982
);
1983
},
@@ -2182,9 +2182,9 @@ describe('Profiler', () => {
2182
render() {
2183
parentInstance = this;
2184
return (
2185
- <React.unstable_Profiler id="test-profiler" onRender={onRender}>
2185
+ <React.Profiler id="test-profiler" onRender={onRender}>
2186
<Child count={this.state.count} />
2187
- </React.unstable_Profiler>
2187
+ </React.Profiler>
2188
);
2189
}
2190
}
@@ -2274,13 +2274,13 @@ describe('Profiler', () => {
2274
Scheduler.unstable_now(),
2275
() => {
2276
ReactNoop.render(
2277
- <React.unstable_Profiler id="test-profiler" onRender={onRender}>
2277
+ <React.Profiler id="test-profiler" onRender={onRender}>
2278
<React.Suspense fallback={<Text text="Loading..." />}>
2279
<AsyncText text="Async" ms={20000} />
2280
</React.Suspense>
2281
<Text text="Sync" />
2282
<Monkey ref={monkey} />
2283
- </React.unstable_Profiler>,
2283
+ </React.Profiler>,
2284
);
2285
},
2286
);
@@ -2361,13 +2361,13 @@ describe('Profiler', () => {
2361
interaction.timestamp,
2362
() => {
2363
ReactTestRenderer.create(
2364
- <React.unstable_Profiler id="app" onRender={onRender}>
2364
+ <React.Profiler id="app" onRender={onRender}>
2365
<React.Suspense
2366
maxDuration={1000}
2367
fallback={<Text text="loading" />}>
2368
<AsyncText text="loaded" ms={2000} />
2369
</React.Suspense>
2370
- </React.unstable_Profiler>,
2370
+ </React.Profiler>,
2371
);
2372
},
2373
);
@@ -2415,13 +2415,13 @@ describe('Profiler', () => {
2415
interaction.timestamp,
2416
() => {
2417
ReactTestRenderer.create(
2418
- <React.unstable_Profiler id="app" onRender={onRender}>
2418
+ <React.Profiler id="app" onRender={onRender}>
2419
<React.Suspense
2420
maxDuration={1000}
2421
fallback={<Text text="loading" />}>
2422
<AsyncComponentWithCascadingWork text="loaded" ms={2000} />
2423
</React.Suspense>
2424
- </React.unstable_Profiler>,
2424
+ </React.Profiler>,
2425
);
2426
},
2427
);
@@ -2454,13 +2454,13 @@ describe('Profiler', () => {
2454
interaction.timestamp,
2455
() => {
2456
ReactTestRenderer.create(
2457
- <React.unstable_Profiler id="app" onRender={onRender}>
2457
+ <React.Profiler id="app" onRender={onRender}>
2458
<React.Suspense
2459
maxDuration={1000}
2460
fallback={<Text text="loading" />}>
2461
<AsyncText text="loaded" ms={2000} />
2462
</React.Suspense>
2463
- </React.unstable_Profiler>,
2463
+ </React.Profiler>,
2464
{
2465
unstable_isConcurrent: true,
2466
},
@@ -2501,13 +2501,13 @@ describe('Profiler', () => {
2501
interaction.timestamp,
2502
() => {
2503
ReactTestRenderer.create(
2504
- <React.unstable_Profiler id="app" onRender={onRender}>
2504
+ <React.Profiler id="app" onRender={onRender}>
2505
<React.Suspense
2506
maxDuration={2000}
2507
fallback={<Text text="loading" />}>
2508
<AsyncText text="loaded" ms={1000} />
2509
</React.Suspense>
2510
- </React.unstable_Profiler>,
2510
+ </React.Profiler>,
2511
{unstable_isConcurrent: true},
2512
);
2513
},
@@ -2544,14 +2544,14 @@ describe('Profiler', () => {
2544
initialRenderInteraction.timestamp,
2545
() => {
2546
renderer = ReactTestRenderer.create(
2547
- <React.unstable_Profiler id="app" onRender={onRender}>
2547
+ <React.Profiler id="app" onRender={onRender}>
2548
<React.Suspense
2549
maxDuration={2000}
2550
fallback={<Text text="loading" />}>
2551
<AsyncText text="loaded" ms={1000} />
2552
</React.Suspense>
2553
<Text text="initial" />
2554
- </React.unstable_Profiler>,
2554
+ </React.Profiler>,
2555
);
2556
},
2557
);
@@ -2578,14 +2578,14 @@ describe('Profiler', () => {
2578
highPriUpdateInteraction.timestamp,
2579
() => {
2580
renderer.update(
2581
- <React.unstable_Profiler id="app" onRender={onRender}>
2581
+ <React.Profiler id="app" onRender={onRender}>
2582
<React.Suspense
2583
maxDuration={2000}
2584
fallback={<Text text="loading" />}>
2585
<AsyncText text="loaded" ms={1000} />
2586
</React.Suspense>
2587
<Text text="updated" />
2588
- </React.unstable_Profiler>,
2588
+ </React.Profiler>,
2589
);
2590
},
2591
);
@@ -2630,14 +2630,14 @@ describe('Profiler', () => {
2630
initialRenderInteraction.timestamp,
2631
() => {
2632
renderer = ReactTestRenderer.create(
2633
- <React.unstable_Profiler id="app" onRender={onRender}>
2633
+ <React.Profiler id="app" onRender={onRender}>
2634
<React.Suspense
2635
maxDuration={2000}
2636
fallback={<Text text="loading" />}>
2637
<AsyncText text="loaded" ms={1000} />
2638
</React.Suspense>
2639
<Text text="initial" />
2640
- </React.unstable_Profiler>,
2640
+ </React.Profiler>,
2641
{unstable_isConcurrent: true},
2642
);
2643
},
@@ -2668,14 +2668,14 @@ describe('Profiler', () => {
2668
highPriUpdateInteraction.timestamp,
2669
() => {
2670
renderer.update(
2671
- <React.unstable_Profiler id="app" onRender={onRender}>
2671
+ <React.Profiler id="app" onRender={onRender}>
2672
<React.Suspense
2673
maxDuration={2000}
2674
fallback={<Text text="loading" />}>
2675
<AsyncText text="loaded" ms={1000} />
2676
</React.Suspense>
2677
<Text text="updated" />
2678
- </React.unstable_Profiler>,
2678
+ </React.Profiler>,
2679
);
2680
},
2681
);
packages/react/src/__tests__/ReactProfilerDevToolsIntegration-test.internal.js
+2
-2
@@ -57,13 +57,13 @@ describe('ReactProfiler DevTools integration', () => {
57
const App = ({multiplier}) => {
58
Scheduler.advanceTime(2);
59
return (
60
- <React.unstable_Profiler id="Profiler" onRender={onRender}>
60
+ <React.Profiler id="Profiler" onRender={onRender}>
61
<AdvanceTime byAmount={3 * multiplier} shouldComponentUpdate={true} />
62
<AdvanceTime
63
byAmount={7 * multiplier}
64
shouldComponentUpdate={false}
65
/>
66
- </React.unstable_Profiler>
66
+ </React.Profiler>
67
);
68
};
69