Adding codesandbox integration to CI

[dzearing]

This is a test PR to see how the codesandbox CI works.

[msft-github-bot]

Perf Analysis

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
BaseButton	mount	964	968	5000
ButtonNext	mount	555	539	5000
Checkbox	mount	1771	1752	5000
CheckboxBase	mount	1514	1505	5000
CheckboxNext	mount	1809	1845	5000
ChoiceGroup	mount	5526	5438	5000
ComboBox	mount	993	987	1000
CommandBar	mount	7922	8009	1000
ContextualMenu	mount	13918	14474	1000
DefaultButton	mount	1230	1179	5000
DetailsRow	mount	3803	3812	5000
DetailsRowFast	mount	3793	3846	5000
DetailsRowNoStyles	mount	3538	3582	5000
Dialog	mount	1617	1609	1000
DocumentCardTitle	mount	1900	1872	1000
Dropdown	mount	2675	2707	5000
FocusZone	mount	1866	1854	5000
IconButton	mount	1940	1958	5000
Label	mount	383	370	5000
Link	mount	558	553	5000
LinkNext	mount	575	564	5000
MenuButton	mount	1585	1632	5000
Nav	mount	3473	3445	1000
Panel	mount	1554	1545	1000
Persona	mount	925	920	1000
Pivot	mount	1534	1513	1000
PivotNext	mount	1457	1487	1000
PrimaryButton	mount	1365	1376	5000
SearchBox	mount	1437	1444	5000
Slider	mount	1657	1625	5000
SliderNext	mount	2155	2106	5000
Spinner	mount	466	476	5000
SplitButton	mount	3409	3395	5000
Stack	mount	549	559	5000
StackWithIntrinsicChildren	mount	2026	2071	5000
StackWithTextChildren	mount	5556	5447	5000
TagPicker	mount	2956	3046	5000
Text	mount	462	465	5000
TextField	mount	1539	1547	5000
ThemeProvider	mount	3127	2955	5000
ThemeProvider	virtual-rerender	516	506	5000
Toggle	mount	999	988	5000
ToggleNext	mount	1017	981	5000
button	mount	115	116	5000

Perf Analysis (Fluent)

⚠️ 1 potential perf regressions detected

Potential regressions comparing to master

Scenario	Current PR Ticks	Baseline Ticks	Ratio	Regression Analysis
AccordionMinimalPerf.default	142	162	0.88:1	analysis

Perf comparison

Status	Scenario	Fluent TPI	Fabric TPI	Ratio	Iterations	Ticks
🎯	Avatar.Fluent	0.49	0.51	0.96:1	2000	981
🦄	Button.Fluent	0.12	0.2	0.6:1	5000	616
🔧	Checkbox.Fluent	0.66	0.38	1.74:1	1000	661
🎯	Dialog.Fluent	0.16	0.23	0.7:1	5000	783
🔧	Dropdown.Fluent	3.45	0.48	7.19:1	1000	3452
🔧	Icon.Fluent	0.15	0.06	2.5:1	5000	772
🦄	Image.Fluent	0.08	0.12	0.67:1	5000	395
🔧	Slider.Fluent	1.61	0.39	4.13:1	1000	1612
🔧	Text.Fluent	0.08	0.03	2.67:1	5000	407
🦄	Tooltip.Fluent	0.1	18.91	0.01:1	5000	500

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions

Scenario	Current PR Ticks	Baseline Ticks	Ratio
TreeWith60ListItems.default	238	218	1.09:1
Text.Fluent	407	375	1.09:1
HeaderMinimalPerf.default	398	367	1.08:1
AttachmentMinimalPerf.default	176	166	1.06:1
CardMinimalPerf.default	633	600	1.06:1
LoaderMinimalPerf.default	778	737	1.06:1
ChatMinimalPerf.default	646	618	1.05:1
RadioGroupMinimalPerf.default	446	424	1.05:1
ReactionMinimalPerf.default	426	404	1.05:1
RefMinimalPerf.default	212	201	1.05:1
DialogMinimalPerf.default	795	768	1.04:1
PortalMinimalPerf.default	116	112	1.04:1
ToolbarMinimalPerf.default	1024	987	1.04:1
Button.Fluent	616	592	1.04:1
ButtonSlotsPerf.default	670	649	1.03:1
ChatDuplicateMessagesPerf.default	462	450	1.03:1
DividerMinimalPerf.default	372	361	1.03:1
ListNestedPerf.default	950	926	1.03:1
ProviderMinimalPerf.default	911	884	1.03:1
TableManyItemsPerf.default	2476	2415	1.03:1
VideoMinimalPerf.default	672	653	1.03:1
AttachmentSlotsPerf.default	1206	1188	1.02:1
BoxMinimalPerf.default	379	372	1.02:1
ButtonMinimalPerf.default	191	188	1.02:1
CarouselMinimalPerf.default	487	476	1.02:1
DropdownMinimalPerf.default	3461	3408	1.02:1
HeaderSlotsPerf.default	873	853	1.02:1
ListWith60ListItems.default	1152	1133	1.02:1
PopupMinimalPerf.default	664	649	1.02:1
CustomToolbarPrototype.default	4188	4124	1.02:1
AvatarMinimalPerf.default	530	526	1.01:1
DropdownManyItemsPerf.default	1444	1435	1.01:1
EmbedMinimalPerf.default	2041	2014	1.01:1
HierarchicalTreeMinimalPerf.default	442	439	1.01:1
InputMinimalPerf.default	1081	1075	1.01:1
ItemLayoutMinimalPerf.default	1438	1427	1.01:1
ListMinimalPerf.default	513	509	1.01:1
MenuButtonMinimalPerf.default	1611	1588	1.01:1
SplitButtonMinimalPerf.default	3924	3874	1.01:1
IconMinimalPerf.default	742	733	1.01:1
Avatar.Fluent	981	968	1.01:1
Dialog.Fluent	783	777	1.01:1
ChatWithPopoverPerf.default	497	499	1:1
FlexMinimalPerf.default	315	316	1:1
FormMinimalPerf.default	443	445	1:1
ImageMinimalPerf.default	404	405	1:1
LabelMinimalPerf.default	445	443	1:1
LayoutMinimalPerf.default	428	429	1:1
ProviderMergeThemesPerf.default	2202	2198	1:1
SliderMinimalPerf.default	1641	1637	1:1
TableMinimalPerf.default	414	414	1:1
CheckboxMinimalPerf.default	2950	2988	0.99:1
MenuMinimalPerf.default	941	951	0.99:1
SegmentMinimalPerf.default	361	363	0.99:1
TooltipMinimalPerf.default	770	774	0.99:1
TreeMinimalPerf.default	910	920	0.99:1
Checkbox.Fluent	661	666	0.99:1
Dropdown.Fluent	3452	3482	0.99:1
Icon.Fluent	772	778	0.99:1
Image.Fluent	395	397	0.99:1
Slider.Fluent	1612	1633	0.99:1
TextAreaMinimalPerf.default	529	538	0.98:1
ListCommonPerf.default	1007	1043	0.97:1
StatusMinimalPerf.default	728	751	0.97:1
AlertMinimalPerf.default	317	329	0.96:1
AnimationMinimalPerf.default	400	415	0.96:1
Tooltip.Fluent	500	523	0.96:1
GridMinimalPerf.default	786	830	0.95:1
TextMinimalPerf.default	368	390	0.94:1

[codesandbox-ci]

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 1082f68:

Sandbox	Source
Fluent UI Button	Configuration

[size-auditor]

Asset size changes

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

Baseline commit: 8b0ffa8c39c7fe298596253b205134f9c9f8c3b5 (build)