Skip to content

Conversation

@ralucapelin
Copy link
Contributor

@ralucapelin ralucapelin commented Aug 30, 2022

Current Behavior

Temporarily logging lage output for debugging purposes (understand if affected packages check works properly). Locally it works as expected:

$ yarn check:affected-package --packages @fluentui/vr-tests --pr=true
false

For an example change:

$ yarn lage info --since origin/master
info {
info   "command": [],
info   "scope": [
info     "@fluentui/react-alert",
info     "@fluentui/theme-designer",
info     "@fluentui/react-components",
info     "@fluentui/react-portal-compat",
info     "@fluentui/ts-minbar-test-react-components",
info     "@fluentui/stress-test",
info     "@fluentui/ssr-tests-v9",
info     "@fluentui/public-docsite-v9"
info   ],
info   "packageTasks": []
info }

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 30, 2022

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
533 B
341 B
global-context
createContextSelector
554 B
348 B
priority-overflow
createOverflowManager
2.936 kB
1.212 kB
react-accordion
Accordion (including children components)
79.349 kB
24.053 kB
react-alert
Alert
83.79 kB
20.841 kB
react-avatar
Avatar
48.283 kB
13.644 kB
react-avatar
AvatarGroup
14.85 kB
5.942 kB
react-avatar
AvatarGroupItem
68.251 kB
18.987 kB
react-badge
Badge
22.503 kB
7.153 kB
react-badge
CounterBadge
23.406 kB
7.449 kB
react-badge
PresenceBadge
23.947 kB
7.022 kB
react-button
Button
36.396 kB
9.579 kB
react-button
CompoundButton
43.469 kB
10.812 kB
react-button
MenuButton
39.014 kB
10.456 kB
react-button
SplitButton
46.544 kB
11.84 kB
react-button
ToggleButton
51.91 kB
11.003 kB
react-card
Card - All
67.458 kB
19.264 kB
react-card
Card
63.14 kB
18.176 kB
react-card
CardFooter
8.461 kB
3.555 kB
react-card
CardHeader
9.504 kB
3.896 kB
react-card
CardPreview
8.562 kB
3.61 kB
react-combobox
Combobox (including child components)
73.757 kB
23.969 kB
react-combobox
Dropdown (including child components)
73.344 kB
23.876 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
188.818 kB
51.901 kB
react-components
react-components: FluentProvider & webLightTheme
33.259 kB
10.952 kB
react-dialog
Dialog (including children components)
85.361 kB
25.458 kB
react-divider
Divider
16.359 kB
5.853 kB
react-image
Image
10.68 kB
4.215 kB
react-input
Input
23.498 kB
7.617 kB
react-label
Label
9.238 kB
3.815 kB
react-link
Link
12.231 kB
4.925 kB
react-menu
Menu (including children components)
115.697 kB
35.316 kB
react-menu
Menu (including selectable components)
118.896 kB
35.806 kB
react-overflow
hooks only
10.685 kB
4.104 kB
react-popover
Popover
102.837 kB
31.496 kB
react-portal
Portal
10.576 kB
3.875 kB
react-positioning
usePositioning
19.7 kB
7.404 kB
react-provider
FluentProvider
15.655 kB
5.835 kB
react-radio
Radio
36.025 kB
11.914 kB
react-radio
RadioGroup
14.148 kB
5.654 kB
react-select
Select
20.746 kB
7.299 kB
react-slider
Slider
32.07 kB
10.033 kB
react-spinbutton
SpinButton
43.843 kB
12.336 kB
react-spinner
Spinner
19.855 kB
6.384 kB
react-switch
Switch
32.562 kB
10.253 kB
react-text
Text - Default
11.682 kB
4.561 kB
react-text
Text - Wrappers
14.992 kB
4.995 kB
react-textarea
Textarea
23.674 kB
7.83 kB
react-theme
Single theme token import
69 B
89 B
react-theme
Teams: all themes
29.548 kB
6.434 kB
react-theme
Teams: Light theme
17.452 kB
5.054 kB
react-tooltip
Tooltip
41.504 kB
14.622 kB
react-utilities
SSRProvider
180 B
159 B
🤖 This report was generated against 817814abbc2b4acbf63eb5e6dfb75863aa033184

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 30, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1670 1613 5000
Button mount 1123 1166 5000
FluentProvider mount 1927 1888 5000
FluentProviderWithTheme mount 719 710 10
FluentProviderWithTheme virtual-rerender 681 653 10
FluentProviderWithTheme virtual-rerender-with-unmount 697 711 10
MakeStyles mount 2225 2278 50000
SpinButton mount 3308 3246 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 59ec655:

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

@layershifter layershifter changed the title Debug lage Update "screener-build.yml" to include lage's output Aug 30, 2022
@size-auditor
Copy link

size-auditor bot commented Aug 30, 2022

Asset size changes

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

Baseline commit: 817814abbc2b4acbf63eb5e6dfb75863aa033184 (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 30, 2022

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
RefMinimalPerf.default 228 208 1.1:1
LabelMinimalPerf.default 442 406 1.09:1
AttachmentMinimalPerf.default 179 165 1.08:1
ButtonMinimalPerf.default 186 173 1.08:1
FormMinimalPerf.default 463 427 1.08:1
TableMinimalPerf.default 470 437 1.08:1
PortalMinimalPerf.default 185 173 1.07:1
DropdownManyItemsPerf.default 782 737 1.06:1
LayoutMinimalPerf.default 392 369 1.06:1
PopupMinimalPerf.default 678 638 1.06:1
TextMinimalPerf.default 397 373 1.06:1
DividerMinimalPerf.default 409 391 1.05:1
FlexMinimalPerf.default 317 302 1.05:1
MenuMinimalPerf.default 947 906 1.05:1
SegmentMinimalPerf.default 383 366 1.05:1
VideoMinimalPerf.default 840 800 1.05:1
ChatMinimalPerf.default 819 784 1.04:1
SliderMinimalPerf.default 1873 1800 1.04:1
TreeMinimalPerf.default 892 856 1.04:1
CardMinimalPerf.default 625 605 1.03:1
CarouselMinimalPerf.default 510 494 1.03:1
ChatWithPopoverPerf.default 426 414 1.03:1
RadioGroupMinimalPerf.default 489 476 1.03:1
ToolbarMinimalPerf.default 1039 1010 1.03:1
BoxMinimalPerf.default 365 359 1.02:1
CheckboxMinimalPerf.default 2869 2822 1.02:1
ProviderMergeThemesPerf.default 1307 1279 1.02:1
SplitButtonMinimalPerf.default 4838 4726 1.02:1
AlertMinimalPerf.default 304 302 1.01:1
AnimationMinimalPerf.default 586 579 1.01:1
ButtonOverridesMissPerf.default 1608 1597 1.01:1
DatepickerMinimalPerf.default 6170 6132 1.01:1
ItemLayoutMinimalPerf.default 1322 1312 1.01:1
RosterPerf.default 2371 2341 1.01:1
StatusMinimalPerf.default 755 750 1.01:1
TableManyItemsPerf.default 2133 2108 1.01:1
ChatDuplicateMessagesPerf.default 311 311 1:1
EmbedMinimalPerf.default 4555 4541 1:1
HeaderSlotsPerf.default 845 844 1:1
ListWith60ListItems.default 696 695 1:1
MenuButtonMinimalPerf.default 1851 1850 1:1
ProviderMinimalPerf.default 412 412 1:1
ReactionMinimalPerf.default 419 419 1:1
CustomToolbarPrototype.default 2981 2978 1:1
AttachmentSlotsPerf.default 1190 1197 0.99:1
ButtonSlotsPerf.default 620 627 0.99:1
DropdownMinimalPerf.default 3259 3296 0.99:1
InputMinimalPerf.default 1378 1392 0.99:1
ListCommonPerf.default 714 718 0.99:1
ListMinimalPerf.default 549 553 0.99:1
IconMinimalPerf.default 742 746 0.99:1
TextAreaMinimalPerf.default 562 567 0.99:1
TooltipMinimalPerf.default 2517 2540 0.99:1
DialogMinimalPerf.default 810 829 0.98:1
LoaderMinimalPerf.default 716 740 0.97:1
SkeletonMinimalPerf.default 379 389 0.97:1
GridMinimalPerf.default 361 378 0.96:1
AccordionMinimalPerf.default 156 164 0.95:1
ListNestedPerf.default 619 655 0.95:1
AvatarMinimalPerf.default 215 228 0.94:1
HeaderMinimalPerf.default 395 421 0.94:1
ImageMinimalPerf.default 447 476 0.94:1
TreeWith60ListItems.default 182 193 0.94:1

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 30, 2022

Perf Analysis (@fluentui/react)

Scenario Render type Master Ticks PR Ticks Iterations Status
Text mount 401 396 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 778 761 5000
Breadcrumb mount 2335 2333 1000
Checkbox mount 2249 2214 5000
CheckboxBase mount 1983 1982 5000
ChoiceGroup mount 3823 3851 5000
ComboBox mount 775 756 1000
CommandBar mount 8938 8747 1000
ContextualMenu mount 9744 9551 1000
DefaultButton mount 968 952 5000
DetailsRow mount 3089 3006 5000
DetailsRowFast mount 3081 3022 5000
DetailsRowNoStyles mount 2877 2878 5000
Dialog mount 2520 2508 1000
DocumentCardTitle mount 145 145 1000
Dropdown mount 2764 2759 5000
FocusTrapZone mount 1568 1518 5000
FocusZone mount 1545 1466 5000
IconButton mount 1400 1365 5000
Label mount 326 320 5000
Layer mount 3764 3714 5000
Link mount 435 440 5000
MenuButton mount 1190 1178 5000
MessageBar mount 1919 1857 5000
Nav mount 2718 2618 1000
OverflowSet mount 997 981 5000
Panel mount 2090 2080 1000
Persona mount 818 836 1000
Pivot mount 1150 1123 1000
PrimaryButton mount 1105 1064 5000
Rating mount 6667 6627 5000
SearchBox mount 1093 1084 5000
Shimmer mount 2539 2470 5000
Slider mount 1688 1649 5000
SpinButton mount 3944 3895 5000
Spinner mount 401 404 5000
SplitButton mount 2429 2455 5000
Stack mount 469 466 5000
StackWithIntrinsicChildren mount 1834 1812 5000
StackWithTextChildren mount 4627 4538 5000
SwatchColorPicker mount 9337 9060 5000
TagPicker mount 1975 1938 5000
TeachingBubble mount 73071 72973 5000
Text mount 401 396 5000 Possible regression
TextField mount 1141 1141 5000
ThemeProvider mount 1042 1038 5000
ThemeProvider virtual-rerender 727 717 5000
ThemeProvider virtual-rerender-with-unmount 1633 1607 5000
Toggle mount 725 688 5000
buttonNative mount 110 98 5000

@ralucapelin ralucapelin marked this pull request as ready for review August 30, 2022 15:44
@ralucapelin ralucapelin requested a review from a team as a code owner August 30, 2022 15:44
@ralucapelin ralucapelin enabled auto-merge (squash) August 30, 2022 15:44
@ralucapelin ralucapelin merged commit 61241b5 into master Aug 30, 2022
@TristanWatanabe TristanWatanabe deleted the debug-lage branch August 30, 2022 15:46
ralucapelin added a commit that referenced this pull request Aug 31, 2022
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Sep 1, 2022
* master: (99 commits)
  applying package updates
  add coastal to @fluentui/react package and components (microsoft#24599)
  fix(react-18-tests-v9): extend correct tsconfig.json (microsoft#24626)
  feat(react-18-tests-v9): Add cypress setup to enable writing cypress tests (microsoft#24619)
  chore: Removing CompoundButtonAsToggleButton story since it was importing non-exported functions (microsoft#24620)
  Update PeoplePicker focus styles for the close button - Add borderRadius to getFocusStyle (microsoft#24596)
  fix(react-theme): Rename colorNeutralForegroundInvertedStatic token to colorNeutralForegroundStaticInverted (microsoft#24611)
  Website fabric core (microsoft#24613)
  fix(react-theme) update react theme colors mapping (microsoft#24608)
  Remove downloaded artifact file after using it (microsoft#24606)
  Fix artifact downloading race condition (microsoft#24607)
  chore(deps): bump moment-timezone from 0.5.34 to 0.5.37 (microsoft#24604)
  Remove check for commit existence and make it optional (microsoft#24587)
  Update "screener-build.yml" to include lage's output (microsoft#24586)
  fix(react-theme): Change colorBrandForeground2 mapping in teamsDark theme (microsoft#24579)
  Add scoping for workflow (microsoft#24466)
  fix(react-theme): Swap Background1 and Foreground1 in HC color palette (microsoft#24498)
  applying package updates
  Add support for javascript date localization (microsoft#24577)
  fix: Combobox and Dropdown hover/active borders and padding style fixes (microsoft#24362)
  ...
ralucapelin added a commit that referenced this pull request Sep 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants