Skip to content

Conversation

@Devjoyti-Barman
Copy link
Contributor

@Devjoyti-Barman Devjoyti-Barman commented Jun 19, 2023

Previous Behavior

We used to do diffing with the old vr-approval-cli.

New Behavior

In this PR, we will use generalized version of vr-approval-cli.

Related Issue(s)

  • Fixes #

@Devjoyti-Barman Devjoyti-Barman requested a review from a team as a code owner June 19, 2023 10:08
@Devjoyti-Barman Devjoyti-Barman marked this pull request as draft June 19, 2023 10:08
@size-auditor
Copy link

size-auditor bot commented Jun 19, 2023

Asset size changes

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

Baseline commit: 302d94b596b3a81797b5c3207fcc13366d326e93 (build)

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jun 19, 2023

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

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

@Devjoyti-Barman Devjoyti-Barman changed the title [Testing Do Not Approve] Testing VR-Approval-CLI [Testing Do Not Approve] Testing Onboarding VR-Approval-CLI Jun 19, 2023
@fabricteam
Copy link
Collaborator

fabricteam commented Jun 19, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender-with-unmount 64 66 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 592 582 5000
Button mount 297 278 5000
Field mount 1054 1039 5000
FluentProvider mount 643 644 5000
FluentProviderWithTheme mount 76 74 10
FluentProviderWithTheme virtual-rerender 59 66 10
FluentProviderWithTheme virtual-rerender-with-unmount 64 66 10 Possible regression
InfoButton mount 6 11 5000
MakeStyles mount 853 876 50000
Persona mount 1678 1605 5000
SpinButton mount 1307 1316 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 19, 2023

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
PortalMinimalPerf.default 92 83 1.11:1
TextAreaMinimalPerf.default 309 278 1.11:1
HeaderMinimalPerf.default 213 197 1.08:1
TreeWith60ListItems.default 91 84 1.08:1
RadioGroupMinimalPerf.default 269 251 1.07:1
RefMinimalPerf.default 115 107 1.07:1
ChatDuplicateMessagesPerf.default 162 153 1.06:1
CheckboxMinimalPerf.default 1186 1119 1.06:1
AttachmentSlotsPerf.default 630 604 1.04:1
PopupMinimalPerf.default 351 339 1.04:1
ProviderMinimalPerf.default 203 196 1.04:1
SplitButtonMinimalPerf.default 2337 2237 1.04:1
FlexMinimalPerf.default 159 154 1.03:1
FormMinimalPerf.default 229 222 1.03:1
GridMinimalPerf.default 184 179 1.03:1
ListCommonPerf.default 394 382 1.03:1
ListNestedPerf.default 317 307 1.03:1
TableManyItemsPerf.default 1151 1122 1.03:1
ToolbarMinimalPerf.default 532 519 1.03:1
BoxMinimalPerf.default 194 190 1.02:1
CarouselMinimalPerf.default 263 259 1.02:1
DialogMinimalPerf.default 455 448 1.02:1
ListWith60ListItems.default 374 365 1.02:1
ProviderMergeThemesPerf.default 669 654 1.02:1
SegmentMinimalPerf.default 198 194 1.02:1
ChatMinimalPerf.default 436 430 1.01:1
DatepickerMinimalPerf.default 3600 3579 1.01:1
DropdownManyItemsPerf.default 396 394 1.01:1
ListMinimalPerf.default 307 305 1.01:1
MenuButtonMinimalPerf.default 965 959 1.01:1
RosterPerf.default 1522 1507 1.01:1
StatusMinimalPerf.default 389 386 1.01:1
CustomToolbarPrototype.default 1490 1481 1.01:1
TooltipMinimalPerf.default 1277 1270 1.01:1
AnimationMinimalPerf.default 299 300 1:1
ButtonOverridesMissPerf.default 656 658 1:1
DropdownMinimalPerf.default 1440 1441 1:1
InputMinimalPerf.default 544 542 1:1
LayoutMinimalPerf.default 194 194 1:1
TreeMinimalPerf.default 477 476 1:1
DividerMinimalPerf.default 200 203 0.99:1
EmbedMinimalPerf.default 1833 1857 0.99:1
LabelMinimalPerf.default 216 219 0.99:1
LoaderMinimalPerf.default 192 193 0.99:1
SliderMinimalPerf.default 753 757 0.99:1
TableMinimalPerf.default 238 240 0.99:1
AttachmentMinimalPerf.default 78 80 0.98:1
ButtonMinimalPerf.default 85 87 0.98:1
CardMinimalPerf.default 306 313 0.98:1
ItemLayoutMinimalPerf.default 708 719 0.98:1
ReactionMinimalPerf.default 208 212 0.98:1
ImageMinimalPerf.default 217 224 0.97:1
TextMinimalPerf.default 193 200 0.97:1
AlertMinimalPerf.default 158 164 0.96:1
AvatarMinimalPerf.default 108 112 0.96:1
HeaderSlotsPerf.default 458 476 0.96:1
MenuMinimalPerf.default 489 509 0.96:1
SkeletonMinimalPerf.default 192 200 0.96:1
ChatWithPopoverPerf.default 179 188 0.95:1
VideoMinimalPerf.default 413 434 0.95:1
AccordionMinimalPerf.default 77 82 0.94:1
ButtonSlotsPerf.default 303 322 0.94:1
IconMinimalPerf.default 371 394 0.94:1

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 19, 2023

📊 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.15 kB
28.117 kB
react-combobox
Dropdown (including child components)
85.553 kB
27.716 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.657 kB
58.768 kB
react-components
react-components: FluentProvider & webLightTheme
36.409 kB
12.003 kB
react-datepicker-compat
DatePicker Compat
222.076 kB
59.138 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.312 kB
40.301 kB
react-infobutton
InfoLabel
134.776 kB
41.369 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.65 kB
40.603 kB
react-menu
Menu (including selectable components)
135.414 kB
41.094 kB
react-overflow
hooks only
12.505 kB
4.626 kB
react-persona
Persona
55.267 kB
16.525 kB
react-popover
Popover
119.902 kB
36.885 kB
react-portal
Portal
11.935 kB
4.421 kB
react-portal-compat
PortalCompatProvider
6.473 kB
2.196 kB
react-positioning
usePositioning
24.249 kB
8.856 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.251 kB
43.262 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
InteractionTag
28.378 kB
8.549 kB
react-tags
Tag
23.735 kB
8.018 kB
react-tags
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.44 kB
16.645 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against 302d94b596b3a81797b5c3207fcc13366d326e93

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 19, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 19, 2023

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 631 622 5000
Breadcrumb mount 1651 1646 1000
Checkbox mount 1706 1677 5000
CheckboxBase mount 1503 1477 5000
ChoiceGroup mount 2921 2891 5000
ComboBox mount 643 650 1000
CommandBar mount 6251 6320 1000
ContextualMenu mount 13825 13692 1000
DefaultButton mount 743 767 5000
DetailsRow mount 2191 2164 5000
DetailsRowFast mount 2309 2195 5000
DetailsRowNoStyles mount 2001 2051 5000
Dialog mount 2924 2584 1000
DocumentCardTitle mount 242 224 1000
Dropdown mount 1977 1982 5000
FocusTrapZone mount 1186 1132 5000
FocusZone mount 1023 1053 5000
GroupedList mount 41658 41777 2
GroupedList virtual-rerender 20030 20039 2
GroupedList virtual-rerender-with-unmount 50212 50564 2
GroupedListV2 mount 238 226 2
GroupedListV2 virtual-rerender 222 212 2
GroupedListV2 virtual-rerender-with-unmount 228 225 2
IconButton mount 1074 1095 5000
Label mount 344 324 5000
Layer mount 2706 2753 5000
Link mount 394 402 5000
MenuButton mount 952 954 5000
MessageBar mount 21297 21233 5000
Nav mount 1923 1926 1000
OverflowSet mount 760 777 5000
Panel mount 1819 1816 1000
Persona mount 739 744 1000
Pivot mount 887 855 1000
PrimaryButton mount 844 829 5000
Rating mount 4699 4628 5000
SearchBox mount 928 898 5000
Shimmer mount 1890 1836 5000
Slider mount 1328 1325 5000
SpinButton mount 2862 2866 5000
Spinner mount 384 392 5000
SplitButton mount 1839 1782 5000
Stack mount 415 403 5000
StackWithIntrinsicChildren mount 878 861 5000
StackWithTextChildren mount 2687 2628 5000
SwatchColorPicker mount 6215 6205 5000
TagPicker mount 1412 1450 5000
Text mount 381 381 5000
TextField mount 923 1049 5000
ThemeProvider mount 832 840 5000
ThemeProvider virtual-rerender 589 587 5000
ThemeProvider virtual-rerender-with-unmount 1279 1282 5000
Toggle mount 617 630 5000
buttonNative mount 191 191 5000

@Devjoyti-Barman Devjoyti-Barman force-pushed the user/debarman/testing/vr-approval-tool/test branch from 505b87d to 7e86376 Compare June 19, 2023 10:55
@fabricteam
Copy link
Collaborator

fabricteam commented Jun 19, 2023

🕵 fluentuiv8 No visual regressions between this PR and main

@Devjoyti-Barman Devjoyti-Barman force-pushed the user/debarman/testing/vr-approval-tool/test branch 2 times, most recently from b71c369 to e8b9326 Compare June 19, 2023 12:27
@fabricteam
Copy link
Collaborator

fabricteam commented Jun 19, 2023

🕵 FluentUIV0 No visual regressions between this PR and main

@Devjoyti-Barman Devjoyti-Barman force-pushed the user/debarman/testing/vr-approval-tool/test branch from e8b9326 to 91b8f5e Compare June 19, 2023 13:01
@Devjoyti-Barman Devjoyti-Barman changed the title [Testing Do Not Approve] Testing Onboarding VR-Approval-CLI [Testing Do Not Approve] [Onboarding] Testing VR-Approval-CLI Jun 20, 2023
@Devjoyti-Barman Devjoyti-Barman changed the title [Testing Do Not Approve] [Onboarding] Testing VR-Approval-CLI [Onboarding] Generalized VR-Approval-Cli Jun 22, 2023
@ValentinaKozlova ValentinaKozlova removed their assignment Jun 22, 2023
@Devjoyti-Barman Devjoyti-Barman marked this pull request as ready for review July 5, 2023 07:07
@TristanWatanabe
Copy link
Member

/azp run Fluent UI React - PR and CI

@azure-pipelines
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@TristanWatanabe
Copy link
Member

/azp run Fluent UI React - PR and CI

@azure-pipelines
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@Devjoyti-Barman
Copy link
Contributor Author

/azp run Fluent UI React - PR and CI

@azure-pipelines
Copy link

Commenter does not have sufficient privileges for PR 28255 in repo microsoft/fluentui

@TristanWatanabe
Copy link
Member

/azp run Fluent UI React - PR and CI

@azure-pipelines
Copy link

No commit pushedDate could be found for PR 28255 in repo microsoft/fluentui

@TristanWatanabe
Copy link
Member

/azp run Fluent UI React - PR and CI

@azure-pipelines
Copy link

Azure Pipelines successfully started running 1 pipeline(s).

@TristanWatanabe TristanWatanabe merged commit c0f8cc9 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.

5 participants