fluentui
fluentui copied to clipboard
Published
20 hours ago •
microsoft
microsoft
Enable ci screener call
Current Behavior
CI is currently starting the screener run.
New Behavior
CI is calling the screener proxy that will actually start the screener run.
Related Issue(s)
Fixes #
This pull request is automatically built and testable in CodeSandbox.
To see build info of the built libraries, click here or the icon next to each commit SHA.
Latest deployment of this branch, based on commit a1c80bc7faa22d2176174ebf34b5b25c8133fb6e:
| Sandbox | Source |
|---|---|
| @fluentui/react 8 starter | Configuration |
| @fluentui/react-components 9 starter | Configuration |
![codesandbox-ci[bot] avatar](https://avatars.githubusercontent.com/in/38409?v=4 "Published by a pub.dev verified publisher"){kind=small}
Asset size changes
Size Auditor did not detect a change in bundle size for any component!
Baseline commit: 8f420a1c55f283156b758bda1e7ef0591ec57a78 (build)
![size-auditor[bot] avatar](https://avatars.githubusercontent.com/in/13711?v=4 "Published by a pub.dev verified publisher"){kind=small}
Perf Analysis (@fluentui/react-components)
No significant results to display.
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 1270 | 1248 | 5000 | |
| Button | mount | 970 | 954 | 5000 | |
| FluentProvider | mount | 1582 | 1589 | 5000 | |
| FluentProviderWithTheme | mount | 627 | 627 | 10 | |
| FluentProviderWithTheme | virtual-rerender | 590 | 595 | 10 | |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 633 | 633 | 10 | |
| MakeStyles | mount | 1921 | 1930 | 50000 | |
| SpinButton | mount | 2524 | 2491 | 5000 |
📊 Bundle size report
Unchanged fixtures
| Package & Exports | Size (minified/GZIP) |
|---|---|
| global-context createContext |
533 B341 B |
| global-context createContextSelector |
554 B348 B |
| priority-overflow createOverflowManager |
2.936 kB1.212 kB |
| react-accordion Accordion (including children components) |
79.574 kB24.123 kB |
| react-alert Alert |
82.874 kB20.608 kB |
| react-avatar Avatar |
48.283 kB13.644 kB |
| react-avatar AvatarGroup |
15.072 kB6.016 kB |
| react-avatar AvatarGroupItem |
68.464 kB19.067 kB |
| react-badge Badge |
22.503 kB7.153 kB |
| react-badge CounterBadge |
23.406 kB7.449 kB |
| react-badge PresenceBadge |
23.947 kB7.022 kB |
| react-button Button |
36.396 kB9.575 kB |
| react-button CompoundButton |
43.469 kB10.812 kB |
| react-button MenuButton |
39.014 kB10.456 kB |
| react-button SplitButton |
46.544 kB11.84 kB |
| react-button ToggleButton |
51.91 kB11.003 kB |
| react-card Card - All |
67.47 kB19.273 kB |
| react-card Card |
63.152 kB18.185 kB |
| react-card CardFooter |
8.461 kB3.555 kB |
| react-card CardHeader |
9.504 kB3.896 kB |
| react-card CardPreview |
8.562 kB3.61 kB |
| react-combobox Combobox (including child components) |
72.723 kB23.746 kB |
| react-combobox Dropdown (including child components) |
70.792 kB23.233 kB |
| react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover |
189.042 kB51.964 kB |
| react-components react-components: FluentProvider & webLightTheme |
32.876 kB10.773 kB |
| react-dialog Dialog (including children components) |
84.793 kB25.27 kB |
| react-divider Divider |
16.359 kB5.853 kB |
| react-image Image |
10.68 kB4.215 kB |
| react-input Input |
23.554 kB7.644 kB |
| react-label Label |
9.238 kB3.815 kB |
| react-link Link |
12.231 kB4.925 kB |
| react-menu Menu (including children components) |
115.941 kB35.393 kB |
| react-menu Menu (including selectable components) |
119.14 kB35.886 kB |
| react-overflow hooks only |
10.898 kB4.174 kB |
| react-popover Popover |
103.061 kB31.573 kB |
| react-portal Portal |
10.576 kB3.875 kB |
| react-positioning usePositioning |
19.7 kB7.404 kB |
| react-provider FluentProvider |
15.655 kB5.835 kB |
| react-radio Radio |
36.238 kB12 kB |
| react-radio RadioGroup |
14.361 kB5.728 kB |
| react-select Select |
20.746 kB7.299 kB |
| react-slider Slider |
32.07 kB10.033 kB |
| react-spinbutton SpinButton |
43.899 kB12.362 kB |
| react-spinner Spinner |
19.848 kB6.384 kB |
| react-switch Switch |
32.562 kB10.253 kB |
| react-text Text - Default |
11.572 kB4.537 kB |
| react-text Text - Wrappers |
14.882 kB4.977 kB |
| react-textarea Textarea |
23.674 kB7.83 kB |
| react-theme Single theme token import |
69 B89 B |
| react-theme Teams: all themes |
29.205 kB6.249 kB |
| react-theme Teams: Light theme |
17.069 kB4.885 kB |
| react-tooltip Tooltip |
41.504 kB14.622 kB |
| react-utilities SSRProvider |
180 B159 B |
Perf Analysis (@fluentui/react-northstar)
Perf tests with no regressions
| Scenario | Current PR Ticks | Baseline Ticks | Ratio |
|---|---|---|---|
| TreeWith60ListItems.default | 160 | 143 | 1.12:1 |
| LayoutMinimalPerf.default | 344 | 318 | 1.08:1 |
| AttachmentMinimalPerf.default | 141 | 132 | 1.07:1 |
| AlertMinimalPerf.default | 245 | 236 | 1.04:1 |
| LoaderMinimalPerf.default | 666 | 641 | 1.04:1 |
| SkeletonMinimalPerf.default | 324 | 311 | 1.04:1 |
| TableMinimalPerf.default | 378 | 364 | 1.04:1 |
| BoxMinimalPerf.default | 316 | 306 | 1.03:1 |
| ListWith60ListItems.default | 575 | 559 | 1.03:1 |
| ReactionMinimalPerf.default | 350 | 341 | 1.03:1 |
| SegmentMinimalPerf.default | 323 | 314 | 1.03:1 |
| TreeMinimalPerf.default | 774 | 751 | 1.03:1 |
| AccordionMinimalPerf.default | 133 | 131 | 1.02:1 |
| ButtonMinimalPerf.default | 146 | 143 | 1.02:1 |
| ChatMinimalPerf.default | 688 | 676 | 1.02:1 |
| DividerMinimalPerf.default | 328 | 321 | 1.02:1 |
| EmbedMinimalPerf.default | 3956 | 3889 | 1.02:1 |
| FormMinimalPerf.default | 367 | 361 | 1.02:1 |
| ItemLayoutMinimalPerf.default | 1099 | 1082 | 1.02:1 |
| ProviderMergeThemesPerf.default | 1241 | 1218 | 1.02:1 |
| AnimationMinimalPerf.default | 498 | 491 | 1.01:1 |
| CardMinimalPerf.default | 502 | 496 | 1.01:1 |
| CarouselMinimalPerf.default | 447 | 441 | 1.01:1 |
| CheckboxMinimalPerf.default | 2585 | 2566 | 1.01:1 |
| DropdownManyItemsPerf.default | 636 | 629 | 1.01:1 |
| DropdownMinimalPerf.default | 2971 | 2945 | 1.01:1 |
| MenuButtonMinimalPerf.default | 1597 | 1584 | 1.01:1 |
| PortalMinimalPerf.default | 164 | 162 | 1.01:1 |
| ButtonSlotsPerf.default | 514 | 515 | 1:1 |
| ChatDuplicateMessagesPerf.default | 271 | 271 | 1:1 |
| DatepickerMinimalPerf.default | 5333 | 5308 | 1:1 |
| FlexMinimalPerf.default | 259 | 258 | 1:1 |
| GridMinimalPerf.default | 298 | 297 | 1:1 |
| HeaderSlotsPerf.default | 686 | 683 | 1:1 |
| PopupMinimalPerf.default | 593 | 591 | 1:1 |
| ProviderMinimalPerf.default | 377 | 377 | 1:1 |
| RefMinimalPerf.default | 206 | 207 | 1:1 |
| SplitButtonMinimalPerf.default | 4108 | 4119 | 1:1 |
| StatusMinimalPerf.default | 633 | 636 | 1:1 |
| CustomToolbarPrototype.default | 2557 | 2555 | 1:1 |
| ButtonOverridesMissPerf.default | 1413 | 1422 | 0.99:1 |
| DialogMinimalPerf.default | 720 | 730 | 0.99:1 |
| ImageMinimalPerf.default | 342 | 347 | 0.99:1 |
| InputMinimalPerf.default | 1216 | 1234 | 0.99:1 |
| LabelMinimalPerf.default | 347 | 350 | 0.99:1 |
| ListCommonPerf.default | 573 | 576 | 0.99:1 |
| MenuMinimalPerf.default | 795 | 807 | 0.99:1 |
| RosterPerf.default | 1064 | 1072 | 0.99:1 |
| SliderMinimalPerf.default | 1575 | 1593 | 0.99:1 |
| TextAreaMinimalPerf.default | 450 | 455 | 0.99:1 |
| ToolbarMinimalPerf.default | 859 | 869 | 0.99:1 |
| TooltipMinimalPerf.default | 1040 | 1049 | 0.99:1 |
| RadioGroupMinimalPerf.default | 430 | 438 | 0.98:1 |
| IconMinimalPerf.default | 556 | 567 | 0.98:1 |
| TableManyItemsPerf.default | 1740 | 1784 | 0.98:1 |
| VideoMinimalPerf.default | 571 | 580 | 0.98:1 |
| AvatarMinimalPerf.default | 171 | 177 | 0.97:1 |
| HeaderMinimalPerf.default | 321 | 331 | 0.97:1 |
| AttachmentSlotsPerf.default | 999 | 1043 | 0.96:1 |
| ListMinimalPerf.default | 473 | 492 | 0.96:1 |
| ListNestedPerf.default | 505 | 525 | 0.96:1 |
| ChatWithPopoverPerf.default | 338 | 355 | 0.95:1 |
| TextMinimalPerf.default | 303 | 321 | 0.94:1 |
Perf Analysis (@fluentui/react)
No significant results to display.
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| BaseButton | mount | 801 | 799 | 5000 | |
| Breadcrumb | mount | 2446 | 2398 | 1000 | |
| Checkbox | mount | 2271 | 2346 | 5000 | |
| CheckboxBase | mount | 1979 | 1989 | 5000 | |
| ChoiceGroup | mount | 4119 | 4068 | 5000 | |
| ComboBox | mount | 868 | 851 | 1000 | |
| CommandBar | mount | 9288 | 9286 | 1000 | |
| ContextualMenu | mount | 10759 | 10666 | 1000 | |
| DefaultButton | mount | 1004 | 991 | 5000 | |
| DetailsRow | mount | 3334 | 3340 | 5000 | |
| DetailsRowFast | mount | 3259 | 3291 | 5000 | |
| DetailsRowNoStyles | mount | 3235 | 3174 | 5000 | |
| Dialog | mount | 2490 | 2490 | 1000 | |
| DocumentCardTitle | mount | 139 | 153 | 1000 | |
| Dropdown | mount | 2880 | 2888 | 5000 | |
| FocusTrapZone | mount | 1661 | 1605 | 5000 | |
| FocusZone | mount | 1570 | 1589 | 5000 | |
| IconButton | mount | 1527 | 1537 | 5000 | |
| Label | mount | 312 | 305 | 5000 | |
| Layer | mount | 2704 | 2735 | 5000 | |
| Link | mount | 407 | 413 | 5000 | |
| MenuButton | mount | 1295 | 1309 | 5000 | |
| MessageBar | mount | 1880 | 1857 | 5000 | |
| Nav | mount | 2855 | 2865 | 1000 | |
| OverflowSet | mount | 967 | 939 | 5000 | |
| Panel | mount | 1917 | 1887 | 1000 | |
| Persona | mount | 876 | 906 | 1000 | |
| Pivot | mount | 1281 | 1276 | 1000 | |
| PrimaryButton | mount | 1136 | 1157 | 5000 | |
| Rating | mount | 6778 | 6671 | 5000 | |
| SearchBox | mount | 1151 | 1127 | 5000 | |
| Shimmer | mount | 2137 | 2179 | 5000 | |
| Slider | mount | 1683 | 1693 | 5000 | |
| SpinButton | mount | 4491 | 4392 | 5000 | |
| Spinner | mount | 373 | 390 | 5000 | |
| SplitButton | mount | 2744 | 2830 | 5000 | |
| Stack | mount | 451 | 455 | 5000 | |
| StackWithIntrinsicChildren | mount | 1997 | 1982 | 5000 | |
| StackWithTextChildren | mount | 4510 | 4536 | 5000 | |
| SwatchColorPicker | mount | 10122 | 10141 | 5000 | |
| TagPicker | mount | 2396 | 2374 | 5000 | |
| TeachingBubble | mount | 89120 | 89506 | 5000 | |
| Text | mount | 367 | 362 | 5000 | |
| TextField | mount | 1217 | 1237 | 5000 | |
| ThemeProvider | mount | 1058 | 1044 | 5000 | |
| ThemeProvider | virtual-rerender | 596 | 590 | 5000 | |
| ThemeProvider | virtual-rerender-with-unmount | 1547 | 1543 | 5000 | |
| Toggle | mount | 695 | 720 | 5000 | |
| buttonNative | mount | 119 | 121 | 5000 |