Usr/apurva tech/snapshot test #23810

Apurva-tech · 2022-07-05T21:53:42Z

Draft PR to test build during snapshot test

Not for review

Usr/apurva tech/tree chart

…-tech/fluentui into usr/Apurva-tech/TreeChart

… usr/Apurva-tech/TreeChart

Usr/apurva tech/tree chart

add: yarn change file

fix: d3-hierarchy version

…json only 1 change file needed

codesandbox-ci · 2022-07-05T22:00:49Z

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 5bdd601:

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

size-auditor · 2022-07-05T22:06:00Z

Asset size changes

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

Baseline commit: 33c89d8c4bfcd1b50a7aa23e70eedde6e9cb08df (build)

fabricteam · 2022-07-05T22:08:53Z

Perf Analysis (`@fluentui/react-components`)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations
Avatar	mount	1348	1345	5000
Button	mount	1037	1009	5000
FluentProvider	mount	1713	1761	5000
FluentProviderWithTheme	mount	680	674	10
FluentProviderWithTheme	virtual-rerender	654	671	10
FluentProviderWithTheme	virtual-rerender-with-unmount	683	714	10
MakeStyles	mount	2094	2116	50000
SpinButton	mount	2454	2473	5000

fabricteam · 2022-07-05T22:12:34Z

📊 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)	`77.836 kB` `23.683 kB`
`react-alert` Alert	`80.237 kB` `20.443 kB`
`react-avatar` Avatar	`46.757 kB` `13.737 kB`
`react-avatar` AvatarGroup	`136.262 kB` `40.676 kB`
`react-avatar` AvatarGroupItem	`66.472 kB` `19.079 kB`
`react-badge` Badge	`21.653 kB` `6.862 kB`
`react-badge` CounterBadge	`22.557 kB` `7.172 kB`
`react-badge` PresenceBadge	`23.357 kB` `7.099 kB`
`react-button` Button	`35.704 kB` `9.499 kB`
`react-button` CompoundButton	`42.777 kB` `10.733 kB`
`react-button` MenuButton	`38.279 kB` `10.365 kB`
`react-button` SplitButton	`45.612 kB` `11.71 kB`
`react-button` ToggleButton	`50.929 kB` `10.919 kB`
`react-card` Card - All	`66.431 kB` `19.01 kB`
`react-card` Card	`62.113 kB` `17.911 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.69 kB` `23.901 kB`
`react-combobox` Dropdown (including child components)	`73.203 kB` `23.895 kB`
`react-components` react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	`189.067 kB` `52.144 kB`
`react-components` react-components: FluentProvider & webLightTheme	`31.883 kB` `10.516 kB`
`react-divider` Divider	`16.321 kB` `5.837 kB`
`react-image` Image	`10.68 kB` `4.215 kB`
`react-input` Input	`22.861 kB` `7.512 kB`
`react-label` Label	`9.238 kB` `3.815 kB`
`react-link` Link	`12.082 kB` `4.88 kB`
`react-menu` Menu (including children components)	`116.688 kB` `35.475 kB`
`react-menu` Menu (including selectable components)	`119.863 kB` `35.96 kB`
`react-overflow` hooks only	`10.839 kB` `4.146 kB`
`react-popover` Popover	`104.924 kB` `31.964 kB`
`react-portal` Portal	`10.033 kB` `3.753 kB`
`react-positioning` usePositioning	`23.839 kB` `8.292 kB`
`react-provider` FluentProvider	`14.76 kB` `5.596 kB`
`react-radio` Radio	`30.438 kB` `10.41 kB`
`react-radio` RadioGroup	`14.319 kB` `5.711 kB`
`react-select` Select	`20.002 kB` `7.171 kB`
`react-slider` Slider	`26.136 kB` `8.387 kB`
`react-spinbutton` SpinButton	`43.463 kB` `12.35 kB`
`react-spinner` Spinner	`19.073 kB` `6.308 kB`
`react-switch` Switch	`26.578 kB` `8.6 kB`
`react-text` Text - Default	`11.572 kB` `4.537 kB`
`react-text` Text - Wrappers	`14.882 kB` `4.977 kB`
`react-textarea` Textarea	`22.228 kB` `7.523 kB`
`react-theme` Single theme token import	`69 B` `89 B`
`react-theme` Teams: all themes	`28.995 kB` `6.215 kB`
`react-theme` Teams: Light theme	`16.973 kB` `4.86 kB`
`react-tooltip` Tooltip	`44.55 kB` `15.386 kB`
`react-utilities` SSRProvider	`189 B` `161 B`

_{🤖 This report was generated against 33c89d8c4bfcd1b50a7aa23e70eedde6e9cb08df}

fabricteam · 2022-07-05T22:17:19Z

Perf Analysis (`@fluentui/react-northstar`)

Perf tests with no regressions

Scenario	Current PR Ticks	Baseline Ticks	Ratio
ListMinimalPerf.default	535	489	1.09:1
AttachmentMinimalPerf.default	149	138	1.08:1
ChatDuplicateMessagesPerf.default	300	277	1.08:1
AnimationMinimalPerf.default	565	526	1.07:1
FlexMinimalPerf.default	297	278	1.07:1
ListCommonPerf.default	668	622	1.07:1
ChatWithPopoverPerf.default	394	372	1.06:1
FormMinimalPerf.default	397	377	1.05:1
ReactionMinimalPerf.default	377	359	1.05:1
AlertMinimalPerf.default	267	257	1.04:1
ImageMinimalPerf.default	367	352	1.04:1
RefMinimalPerf.default	238	229	1.04:1
TableManyItemsPerf.default	1960	1890	1.04:1
TextMinimalPerf.default	338	326	1.04:1
DropdownMinimalPerf.default	3199	3109	1.03:1
LayoutMinimalPerf.default	365	354	1.03:1
RosterPerf.default	1154	1118	1.03:1
PopupMinimalPerf.default	626	608	1.03:1
RadioGroupMinimalPerf.default	442	430	1.03:1
DialogMinimalPerf.default	781	764	1.02:1
EmbedMinimalPerf.default	4236	4143	1.02:1
GridMinimalPerf.default	334	329	1.02:1
HeaderMinimalPerf.default	356	350	1.02:1
PortalMinimalPerf.default	171	167	1.02:1
ProviderMinimalPerf.default	410	403	1.02:1
SliderMinimalPerf.default	1714	1679	1.02:1
StatusMinimalPerf.default	681	666	1.02:1
IconMinimalPerf.default	595	586	1.02:1
ToolbarMinimalPerf.default	960	939	1.02:1
ButtonMinimalPerf.default	161	160	1.01:1
CarouselMinimalPerf.default	482	476	1.01:1
CheckboxMinimalPerf.default	2746	2707	1.01:1
DropdownManyItemsPerf.default	692	688	1.01:1
LoaderMinimalPerf.default	683	674	1.01:1
MenuMinimalPerf.default	859	847	1.01:1
ProviderMergeThemesPerf.default	1280	1264	1.01:1
SkeletonMinimalPerf.default	348	346	1.01:1
CustomToolbarPrototype.default	2764	2741	1.01:1
AttachmentSlotsPerf.default	1050	1053	1:1
ButtonSlotsPerf.default	543	545	1:1
CardMinimalPerf.default	564	563	1:1
ItemLayoutMinimalPerf.default	1198	1203	1:1
ListNestedPerf.default	563	561	1:1
SplitButtonMinimalPerf.default	4435	4427	1:1
ChatMinimalPerf.default	737	741	0.99:1
DatepickerMinimalPerf.default	5787	5821	0.99:1
DividerMinimalPerf.default	346	351	0.99:1
HeaderSlotsPerf.default	741	751	0.99:1
InputMinimalPerf.default	1312	1320	0.99:1
ListWith60ListItems.default	603	611	0.99:1
TextAreaMinimalPerf.default	473	477	0.99:1
AvatarMinimalPerf.default	190	193	0.98:1
ButtonOverridesMissPerf.default	1516	1554	0.98:1
TableMinimalPerf.default	399	408	0.98:1
TreeMinimalPerf.default	824	837	0.98:1
VideoMinimalPerf.default	649	659	0.98:1
BoxMinimalPerf.default	330	339	0.97:1
MenuButtonMinimalPerf.default	1677	1736	0.97:1
AccordionMinimalPerf.default	137	142	0.96:1
SegmentMinimalPerf.default	331	345	0.96:1
LabelMinimalPerf.default	373	392	0.95:1
TooltipMinimalPerf.default	1111	1175	0.95:1
TreeWith60ListItems.default	149	167	0.89:1

fabricteam · 2022-07-05T22:24:24Z

Perf Analysis (`@fluentui/react`)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations
BaseButton	mount	778	786	5000
Breadcrumb	mount	2263	2240	1000
Checkbox	mount	2198	2192	5000
CheckboxBase	mount	1954	1938	5000
ChoiceGroup	mount	3903	3922	5000
ComboBox	mount	758	733	1000
CommandBar	mount	8791	8833	1000
ContextualMenu	mount	9168	9234	1000
DefaultButton	mount	955	955	5000
DetailsRow	mount	3042	3014	5000
DetailsRowFast	mount	3102	3090	5000
DetailsRowNoStyles	mount	2910	2901	5000
Dialog	mount	2289	2304	1000
DocumentCardTitle	mount	150	142	1000
Dropdown	mount	2830	2827	5000
FocusTrapZone	mount	1580	1578	5000
FocusZone	mount	1507	1542	5000
IconButton	mount	1365	1397	5000
Label	mount	324	321	5000
Layer	mount	2531	2529	5000
Link	mount	417	426	5000
MenuButton	mount	1216	1184	5000
MessageBar	mount	1797	1847	5000
Nav	mount	2648	2613	1000
OverflowSet	mount	986	993	5000
Panel	mount	1816	1815	1000
Persona	mount	846	832	1000
Pivot	mount	1108	1114	1000
PrimaryButton	mount	1075	1086	5000
Rating	mount	6705	6632	5000
SearchBox	mount	1100	1111	5000
Shimmer	mount	2196	2198	5000
Slider	mount	1687	1699	5000
SpinButton	mount	3929	3913	5000
Spinner	mount	405	390	5000
SplitButton	mount	2519	2454	5000
Stack	mount	491	482	5000
StackWithIntrinsicChildren	mount	1861	1860	5000
StackWithTextChildren	mount	4687	4613	5000
SwatchColorPicker	mount	9011	8964	5000
TagPicker	mount	2030	2040	5000
TeachingBubble	mount	69938	69329	5000
Text	mount	391	384	5000
TextField	mount	1155	1146	5000
ThemeProvider	mount	937	952	5000
ThemeProvider	virtual-rerender	600	608	5000
ThemeProvider	virtual-rerender-with-unmount	1427	1436	5000
Toggle	mount	721	703	5000
buttonNative	mount	111	102	5000

…rva-tech/fluentui into usr/Apurva-tech/snapshotTest

Apurva-tech and others added 30 commits June 21, 2022 16:02

structure added

ef149f5

add: tree chart structure-two layer

3107ba7

fix: svg size and node spacing

d39306b

add: three layer-long/compact composition

7806a75

Merge pull request #1 from Apurva-tech/usr/Apurva-tech/TreeChart

69fd23c

Usr/apurva tech/tree chart

Merge branch 'microsoft:master' into master

8890e7a

fix: node and text spacing

ed51a39

Merge branch 'microsoft:master' into usr/Apurva-tech/TreeChart

0e4d865

fix: imports with individual package and build errors

81d2a41

Merge branch 'usr/Apurva-tech/TreeChart' of https://github.com/Apurva…

ab07c3c

…-tech/fluentui into usr/Apurva-tech/TreeChart

Merge branch 'master' of https://github.com/Apurva-tech/fluentui into…

62a34bd

… usr/Apurva-tech/TreeChart

Merge pull request #2 from Apurva-tech/usr/Apurva-tech/TreeChart

67472f7

Usr/apurva tech/tree chart

Merge branch 'microsoft:master' into master

5c143da

add: yarn change file

60990f2

Merge pull request #3 from Apurva-tech/usr/Apurva-tech/TreeChart

a1dfeef

add: yarn change file

fix: d3-hierarchy version

a8172fd

Merge pull request #4 from Apurva-tech/usr/Apurva-tech/TreeChart

a153fda

fix: d3-hierarchy version

fix(try1): react-examples error in draft PR

5a420ff

fix(try 2): react-examples error in draft PR-data import fixed

025dfee

fix: add tree example code in react-examples

30ac2b6

Delete @fluentui-react-charting-5967e697-3ab3-4d6f-88c2-75846bba8372.…

a93f705

…json only 1 change file needed

fix: addressed review comments

8d766e8

Merge branch 'master' of https://github.com/Apurva-tech/fluentui

34cf473

fix: Data structure naming

1248ef3

fix: tree chart test

7b3002a

add: component styling & wrap in <g> element

e4d5e1f

fix: try to fix build fail

9876b00

fix: build issue

87a6282

add: interaction testing & rootElem div; remove: margin propsv

adc9e5c

add: comments in treechartbase

20dc247

Apurva-tech and others added 9 commits July 4, 2022 23:33

add: readme; fix: testing

bd40ea3

Merge branch 'microsoft:master' into master

78640e7

fix: testing error in build

da88cec

Merge branch 'master' of https://github.com/Apurva-tech/fluentui

3330fbd

Update TreeChart.md

bd285aa

fix: text alignment and review comments

63e955a

Merge branch 'master' of https://github.com/Apurva-tech/fluentui

dcb9d30

add: snapshot test

74917ca

Merge branch 'microsoft:master' into usr/Apurva-tech/snapshotTest

4f2ffc2

msft-fluent-ui-bot assigned bsunderhus Jul 5, 2022

Apurva-tech added 2 commits July 6, 2022 12:44

add: test path

ff547c9

Merge branch 'usr/Apurva-tech/snapshotTest' of https://github.com/Apu…

5bdd601

…rva-tech/fluentui into usr/Apurva-tech/snapshotTest

Apurva-tech closed this Jul 17, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Usr/apurva tech/snapshot test #23810

Usr/apurva tech/snapshot test #23810

Apurva-tech commented Jul 5, 2022

codesandbox-ci bot commented Jul 5, 2022 •

edited

Loading

size-auditor bot commented Jul 5, 2022 •

edited

Loading

fabricteam commented Jul 5, 2022 •

edited

Loading

fabricteam commented Jul 5, 2022 •

edited

Loading

fabricteam commented Jul 5, 2022 •

edited

Loading

fabricteam commented Jul 5, 2022 •

edited

Loading

Usr/apurva tech/snapshot test #23810

Usr/apurva tech/snapshot test #23810

Conversation

Apurva-tech commented Jul 5, 2022

Not for review

codesandbox-ci bot commented Jul 5, 2022 • edited Loading

size-auditor bot commented Jul 5, 2022 • edited Loading

Asset size changes

fabricteam commented Jul 5, 2022 • edited Loading

Perf Analysis (@fluentui/react-components)

fabricteam commented Jul 5, 2022 • edited Loading

📊 Bundle size report

fabricteam commented Jul 5, 2022 • edited Loading

Perf Analysis (@fluentui/react-northstar)

fabricteam commented Jul 5, 2022 • edited Loading

Perf Analysis (@fluentui/react)

codesandbox-ci bot commented Jul 5, 2022 •

edited

Loading

size-auditor bot commented Jul 5, 2022 •

edited

Loading

fabricteam commented Jul 5, 2022 •

edited

Loading

Perf Analysis (`@fluentui/react-components`)

fabricteam commented Jul 5, 2022 •

edited

Loading

fabricteam commented Jul 5, 2022 •

edited

Loading

Perf Analysis (`@fluentui/react-northstar`)

fabricteam commented Jul 5, 2022 •

edited

Loading

Perf Analysis (`@fluentui/react`)