Skip to content

Conversation

@Devjoyti-Barman
Copy link
Contributor

@Devjoyti-Barman Devjoyti-Barman commented Jul 12, 2023

Previous Behavior

The baseline and vrt pipeline were failing due to pipelineId.

New Behavior

I have added pipelineId.

Related Issue(s)

  • Fixes #

@Devjoyti-Barman Devjoyti-Barman requested a review from a team as a code owner July 12, 2023 16:34
@TristanWatanabe TristanWatanabe enabled auto-merge (squash) July 12, 2023 16:38
@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 9 12 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 599 599 5000
Button mount 306 294 5000
Field mount 1030 1024 5000
FluentProvider mount 628 639 5000
FluentProviderWithTheme mount 72 77 10
FluentProviderWithTheme virtual-rerender 69 66 10
FluentProviderWithTheme virtual-rerender-with-unmount 71 74 10
InfoButton mount 9 12 5000 Possible regression
MakeStyles mount 844 828 50000
Persona mount 1643 1579 5000
SpinButton mount 1279 1266 5000

@codesandbox-ci
Copy link

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 ff5df5a:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AttachmentMinimalPerf.default 88 76 1.16:1
TreeWith60ListItems.default 95 83 1.14:1
FormMinimalPerf.default 230 209 1.1:1
ButtonMinimalPerf.default 97 90 1.08:1
ImageMinimalPerf.default 232 215 1.08:1
BoxMinimalPerf.default 208 195 1.07:1
LoaderMinimalPerf.default 193 180 1.07:1
LabelMinimalPerf.default 225 213 1.06:1
MenuMinimalPerf.default 512 482 1.06:1
AlertMinimalPerf.default 156 149 1.05:1
ListCommonPerf.default 392 372 1.05:1
SegmentMinimalPerf.default 203 196 1.04:1
ToolbarMinimalPerf.default 539 518 1.04:1
ButtonSlotsPerf.default 306 297 1.03:1
DropdownManyItemsPerf.default 395 384 1.03:1
RadioGroupMinimalPerf.default 264 256 1.03:1
RefMinimalPerf.default 109 106 1.03:1
SkeletonMinimalPerf.default 208 201 1.03:1
TableMinimalPerf.default 237 231 1.03:1
CarouselMinimalPerf.default 258 252 1.02:1
ChatMinimalPerf.default 436 428 1.02:1
ChatWithPopoverPerf.default 195 191 1.02:1
DropdownMinimalPerf.default 1441 1419 1.02:1
FlexMinimalPerf.default 158 155 1.02:1
GridMinimalPerf.default 197 193 1.02:1
HeaderMinimalPerf.default 209 205 1.02:1
InputMinimalPerf.default 562 549 1.02:1
CustomToolbarPrototype.default 1471 1444 1.02:1
AnimationMinimalPerf.default 297 295 1.01:1
DividerMinimalPerf.default 207 204 1.01:1
HeaderSlotsPerf.default 484 477 1.01:1
LayoutMinimalPerf.default 199 197 1.01:1
MenuButtonMinimalPerf.default 964 953 1.01:1
PortalMinimalPerf.default 84 83 1.01:1
SplitButtonMinimalPerf.default 2254 2230 1.01:1
StatusMinimalPerf.default 393 391 1.01:1
ButtonOverridesMissPerf.default 634 635 1:1
CardMinimalPerf.default 308 308 1:1
DatepickerMinimalPerf.default 3582 3570 1:1
ProviderMergeThemesPerf.default 668 666 1:1
ProviderMinimalPerf.default 201 202 1:1
ReactionMinimalPerf.default 212 212 1:1
IconMinimalPerf.default 373 374 1:1
CheckboxMinimalPerf.default 1131 1145 0.99:1
DialogMinimalPerf.default 442 445 0.99:1
EmbedMinimalPerf.default 1857 1871 0.99:1
RosterPerf.default 1507 1516 0.99:1
TableManyItemsPerf.default 1107 1115 0.99:1
AttachmentSlotsPerf.default 625 635 0.98:1
ChatDuplicateMessagesPerf.default 147 150 0.98:1
ItemLayoutMinimalPerf.default 703 715 0.98:1
ListWith60ListItems.default 355 362 0.98:1
SliderMinimalPerf.default 760 777 0.98:1
TextAreaMinimalPerf.default 286 293 0.98:1
TreeMinimalPerf.default 468 480 0.98:1
TooltipMinimalPerf.default 1236 1271 0.97:1
TextMinimalPerf.default 189 196 0.96:1
AvatarMinimalPerf.default 105 110 0.95:1
ListMinimalPerf.default 298 314 0.95:1
ListNestedPerf.default 311 326 0.95:1
VideoMinimalPerf.default 422 445 0.95:1
AccordionMinimalPerf.default 82 88 0.93:1
PopupMinimalPerf.default 338 365 0.93:1

@fabricteam
Copy link
Collaborator

🕵 fluentuiv8 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

🕵 FluentUIV0 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
510 B
330 B
global-context
createContextSelector
537 B
342 B
priority-overflow
createOverflowManager
4.248 kB
1.671 kB
react-accordion
Accordion (including children components)
88.26 kB
26.718 kB
react-alert
Alert
82.565 kB
21.726 kB
react-avatar
Avatar
47.713 kB
14.513 kB
react-avatar
AvatarGroup
15.695 kB
6.314 kB
react-avatar
AvatarGroupItem
63.889 kB
18.993 kB
react-badge
Badge
23.604 kB
7.272 kB
react-badge
CounterBadge
24.506 kB
7.574 kB
react-badge
PresenceBadge
22.227 kB
7.881 kB
react-button
Button
36.792 kB
9.472 kB
react-button
CompoundButton
43.946 kB
10.952 kB
react-button
MenuButton
40.978 kB
10.669 kB
react-button
SplitButton
49.211 kB
12.232 kB
react-button
ToggleButton
55.074 kB
11.368 kB
react-card
Card - All
89.33 kB
25.271 kB
react-card
Card
83.778 kB
23.685 kB
react-card
CardFooter
9.24 kB
3.907 kB
react-card
CardHeader
11.622 kB
4.729 kB
react-card
CardPreview
10.048 kB
4.254 kB
react-checkbox
Checkbox
33.198 kB
10.718 kB
react-combobox
Combobox (including child components)
87.173 kB
28.125 kB
react-combobox
Dropdown (including child components)
85.576 kB
27.723 kB
react-components
react-components: Button, FluentProvider & webLightTheme
65.175 kB
17.915 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
210.68 kB
58.781 kB
react-components
react-components: FluentProvider & webLightTheme
36.409 kB
12.003 kB
react-datepicker-compat
DatePicker Compat
223.368 kB
59.265 kB
react-dialog
Dialog (including children components)
92.736 kB
27.579 kB
react-divider
Divider
17.49 kB
6.364 kB
react-field
Field
18.148 kB
6.97 kB
react-image
Image
11.561 kB
4.637 kB
react-infobutton
InfoButton
131.335 kB
40.311 kB
react-infobutton
InfoLabel
134.799 kB
41.376 kB
react-input
Input
24.232 kB
7.781 kB
react-label
Label
10.186 kB
4.253 kB
react-link
Link
12.782 kB
5.247 kB
react-menu
Menu (including children components)
132.673 kB
40.613 kB
react-menu
Menu (including selectable components)
135.437 kB
41.106 kB
react-overflow
hooks only
12.505 kB
4.626 kB
react-persona
Persona
55.267 kB
16.525 kB
react-popover
Popover
119.925 kB
36.895 kB
react-portal
Portal
11.935 kB
4.421 kB
react-portal-compat
PortalCompatProvider
6.473 kB
2.196 kB
react-positioning
usePositioning
24.272 kB
8.866 kB
react-progress
ProgressBar
13.941 kB
5.498 kB
react-provider
FluentProvider
18.129 kB
6.73 kB
react-radio
Radio
26.991 kB
8.626 kB
react-radio
RadioGroup
11.376 kB
4.763 kB
react-select
Select
24.929 kB
8.713 kB
react-slider
Slider
34.87 kB
11.178 kB
react-spinbutton
SpinButton
33.73 kB
10.337 kB
react-spinner
Spinner
21.376 kB
7.029 kB
react-switch
Switch
29.485 kB
9.228 kB
react-table
DataGrid
158.282 kB
43.276 kB
react-table
Table (Primitives only)
44.666 kB
12.442 kB
react-table
Table as DataGrid
132.365 kB
33.849 kB
react-table
Table (Selection only)
77.993 kB
19.245 kB
react-table
Table (Sort only)
76.978 kB
18.973 kB
react-tags-preview
InteractionTag
33.855 kB
9.08 kB
react-tags-preview
Tag
25.936 kB
8.483 kB
react-tags-preview
TagGroup
69.142 kB
20.294 kB
react-text
Text - Default
12.574 kB
4.982 kB
react-text
Text - Wrappers
15.726 kB
5.302 kB
react-textarea
Textarea
27.703 kB
9.126 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
31.987 kB
6.85 kB
react-theme
Teams: Light theme
18.121 kB
5.194 kB
react-toast
Toast (including Toaster)
78.365 kB
23.67 kB
react-tooltip
Tooltip
47.463 kB
16.655 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against c0f8cc944ea23b9b82a58cf5cfd74e597322214b

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@size-auditor
Copy link

size-auditor bot commented Jul 12, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: c0f8cc944ea23b9b82a58cf5cfd74e597322214b (build)

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 622 642 5000
Breadcrumb mount 1680 1665 1000
Checkbox mount 1671 1708 5000
CheckboxBase mount 1486 1483 5000
ChoiceGroup mount 2972 2905 5000
ComboBox mount 646 654 1000
CommandBar mount 6183 6293 1000
ContextualMenu mount 12992 13093 1000
DefaultButton mount 737 727 5000
DetailsRow mount 2214 2183 5000
DetailsRowFast mount 2192 2192 5000
DetailsRowNoStyles mount 2049 1995 5000
Dialog mount 2603 2736 1000
DocumentCardTitle mount 235 219 1000
Dropdown mount 1982 1970 5000
FocusTrapZone mount 1102 1110 5000
FocusZone mount 1057 1070 5000
GroupedList mount 41566 41246 2
GroupedList virtual-rerender 19848 19814 2
GroupedList virtual-rerender-with-unmount 50050 50978 2
GroupedListV2 mount 226 221 2
GroupedListV2 virtual-rerender 204 225 2
GroupedListV2 virtual-rerender-with-unmount 222 230 2
IconButton mount 1046 1085 5000
Label mount 334 327 5000
Layer mount 2719 2733 5000
Link mount 376 388 5000
MenuButton mount 926 954 5000
MessageBar mount 21344 21250 5000
Nav mount 1901 1902 1000
OverflowSet mount 775 759 5000
Panel mount 1788 1754 1000
Persona mount 726 718 1000
Pivot mount 853 877 1000
PrimaryButton mount 852 840 5000
Rating mount 4544 4619 5000
SearchBox mount 898 911 5000
Shimmer mount 1840 1856 5000
Slider mount 1297 1294 5000
SpinButton mount 2882 2843 5000
Spinner mount 379 376 5000
SplitButton mount 1874 1822 5000
Stack mount 414 409 5000
StackWithIntrinsicChildren mount 834 846 5000
StackWithTextChildren mount 2556 2588 5000
SwatchColorPicker mount 6106 6095 5000
TagPicker mount 1431 1453 5000
Text mount 379 386 5000
TextField mount 914 935 5000
ThemeProvider mount 830 821 5000
ThemeProvider virtual-rerender 581 581 5000
ThemeProvider virtual-rerender-with-unmount 1281 1289 5000
Toggle mount 604 613 5000
buttonNative mount 197 191 5000

@TristanWatanabe TristanWatanabe merged commit 4f56d46 into microsoft:master Jul 12, 2023
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jul 18, 2023
* master: (105 commits)
  fix(react-card): use resolved slot instead of raw prop object (microsoft#28517)
  applying package updates
  Expose virtualize index/length for casual use (microsoft#28450)
  applying package updates
  chore: update projects to use `*` for inner workspace dependencies (microsoft#28426)
  Update react-components/react-portal README.md (microsoft#28520)
  [2 of N] Changes for Making first render cycle faster and fixing test cases (microsoft#27721)
  applying package updates
  docs(react-search): Add README, description, best practices (microsoft#28507)
  Fix contrast issues in V8 Fluent2 Dark Theme (microsoft#28486)
  [VR-Approval-Cli] Fixed the Bug & Added the pipelineID (microsoft#28506)
  [Onboarding] Generalized VR-Approval-Cli (microsoft#28255)
  Onboarding [VR-Approval-CLI] To upload baseline screenshots (microsoft#28294)
  feat: migrate private v9 react packages to new preview versioning scheme (microsoft#28474)
  applying package updates
  applying package updates
  chore: openItems property added to TreeOpenChangeData + minor internal improvements (microsoft#28491)
  Fix Virtualizers 'start buffer' overflow (microsoft#28437)
  docs(v0 migration): add note about nested popups (microsoft#28480)
  chore: move slots back to TreeItem and creates slot context (microsoft#28492)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants