Skip to content

(chore): Remove deprecated conformance tests#24063

Merged
tomi-msft merged 8 commits into
microsoft:masterfrom
tomi-msft:remove-unused-conformance-tests
Jul 27, 2022
Merged

(chore): Remove deprecated conformance tests#24063
tomi-msft merged 8 commits into
microsoft:masterfrom
tomi-msft:remove-unused-conformance-tests

Conversation

@tomi-msft

Copy link
Copy Markdown
Contributor

This PR fixes #23494, i.e, it removes the deprecated conformance tests for exporting static classnames now that we have switched to a classNames object. Since this is a big PR and modifies pretty much all the converged components, to help with review I ask that you look at the component(s) that you have worked on and make sure that the change looks good.

Comment thread change/@fluentui-react-conformance-6c13ae37-25da-4e48-9c39-0138a31c73f5.json Outdated
@codesandbox-ci

codesandbox-ci Bot commented Jul 25, 2022

Copy link
Copy Markdown

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 15c5a64:

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

@size-auditor

size-auditor Bot commented Jul 25, 2022

Copy link
Copy Markdown

Asset size changes

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

Baseline commit: ee025ccd3a919f2f4dcdd3a74dbe6d2abfed24ff (build)

@fabricteam

fabricteam commented Jul 25, 2022

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1308 1187 5000
Button mount 827 907 5000
FluentProvider mount 1567 1575 5000
FluentProviderWithTheme mount 636 607 10
FluentProviderWithTheme virtual-rerender 584 585 10
FluentProviderWithTheme virtual-rerender-with-unmount 620 610 10
MakeStyles mount 1910 1891 50000
SpinButton mount 2635 2525 5000

…8a31c73f5.json

Co-authored-by: Esteban Munoz Facusse <esteban.230@hotmail.com>
@fabricteam

fabricteam commented Jul 25, 2022

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-accordion
Accordion (including children components)
77.879 kB
23.679 kB
react-alert
Alert
82.111 kB
20.492 kB
react-avatar
Avatar
48.533 kB
13.78 kB
react-avatar
AvatarGroup
137.323 kB
40.803 kB
react-avatar
AvatarGroupItem
68.248 kB
19.109 kB
react-badge
Badge
22.494 kB
7.157 kB
react-badge
CounterBadge
23.397 kB
7.449 kB
react-badge
PresenceBadge
23.947 kB
7.022 kB
react-button
Button
35.704 kB
9.499 kB
react-button
CompoundButton
42.777 kB
10.733 kB
react-button
MenuButton
38.322 kB
10.363 kB
react-button
SplitButton
45.655 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)
74.38 kB
23.979 kB
react-combobox
Dropdown (including child components)
73.893 kB
23.971 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
189.07 kB
52.088 kB
react-components
react-components: FluentProvider & webLightTheme
32.036 kB
10.577 kB
react-dialog
Dialog (including children components)
83.306 kB
24.872 kB
react-divider
Divider
16.321 kB
5.837 kB
react-image
Image
10.68 kB
4.215 kB
react-input
Input
23.554 kB
7.644 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.678 kB
35.429 kB
react-menu
Menu (including selectable components)
119.877 kB
35.907 kB
react-popover
Popover
104.799 kB
31.916 kB
react-portal
Portal
9.844 kB
3.677 kB
react-provider
FluentProvider
14.913 kB
5.658 kB
react-radio
Radio
30.481 kB
10.406 kB
react-radio
RadioGroup
14.319 kB
5.711 kB
react-select
Select
20.746 kB
7.299 kB
react-slider
Slider
26.136 kB
8.387 kB
react-spinbutton
SpinButton
44.227 kB
12.492 kB
react-spinner
Spinner
19.932 kB
6.363 kB
react-switch
Switch
26.951 kB
8.688 kB
react-text
Text - Default
11.572 kB
4.537 kB
react-text
Text - Wrappers
14.882 kB
4.977 kB
react-textarea
Textarea
23.078 kB
7.707 kB
react-tooltip
Tooltip
44.547 kB
15.376 kB
🤖 This report was generated against ee025ccd3a919f2f4dcdd3a74dbe6d2abfed24ff

@fabricteam

fabricteam commented Jul 25, 2022

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
ListNestedPerf.default 1387 452 3.07:1
ProviderMinimalPerf.default 343 299 1.15:1
TreeWith60ListItems.default 142 127 1.12:1
GridMinimalPerf.default 291 270 1.08:1
ButtonMinimalPerf.default 144 134 1.07:1
CarouselMinimalPerf.default 401 380 1.06:1
AnimationMinimalPerf.default 463 442 1.05:1
DialogMinimalPerf.default 650 622 1.05:1
FlexMinimalPerf.default 247 236 1.05:1
HeaderSlotsPerf.default 645 617 1.05:1
ImageMinimalPerf.default 311 297 1.05:1
RefMinimalPerf.default 208 198 1.05:1
IconMinimalPerf.default 511 485 1.05:1
ChatDuplicateMessagesPerf.default 246 237 1.04:1
HeaderMinimalPerf.default 305 292 1.04:1
LayoutMinimalPerf.default 296 285 1.04:1
TableMinimalPerf.default 346 333 1.04:1
AlertMinimalPerf.default 224 217 1.03:1
ChatMinimalPerf.default 631 611 1.03:1
LabelMinimalPerf.default 324 315 1.03:1
ListWith60ListItems.default 517 503 1.03:1
MenuButtonMinimalPerf.default 1429 1390 1.03:1
AttachmentSlotsPerf.default 920 903 1.02:1
CardMinimalPerf.default 461 453 1.02:1
ListMinimalPerf.default 432 425 1.02:1
SkeletonMinimalPerf.default 287 280 1.02:1
TableManyItemsPerf.default 1600 1564 1.02:1
TextMinimalPerf.default 287 281 1.02:1
AccordionMinimalPerf.default 122 121 1.01:1
AttachmentMinimalPerf.default 126 125 1.01:1
ButtonOverridesMissPerf.default 1267 1258 1.01:1
DividerMinimalPerf.default 296 294 1.01:1
DropdownManyItemsPerf.default 580 576 1.01:1
InputMinimalPerf.default 1089 1080 1.01:1
LoaderMinimalPerf.default 571 563 1.01:1
RadioGroupMinimalPerf.default 370 367 1.01:1
SliderMinimalPerf.default 1427 1417 1.01:1
StatusMinimalPerf.default 568 561 1.01:1
TextAreaMinimalPerf.default 407 402 1.01:1
BoxMinimalPerf.default 274 275 1:1
CheckboxMinimalPerf.default 2263 2263 1:1
ItemLayoutMinimalPerf.default 986 986 1:1
ListCommonPerf.default 525 523 1:1
PopupMinimalPerf.default 523 521 1:1
PortalMinimalPerf.default 142 142 1:1
ProviderMergeThemesPerf.default 1068 1066 1:1
ReactionMinimalPerf.default 309 308 1:1
SegmentMinimalPerf.default 288 288 1:1
CustomToolbarPrototype.default 2302 2293 1:1
TreeMinimalPerf.default 680 678 1:1
DropdownMinimalPerf.default 2631 2665 0.99:1
EmbedMinimalPerf.default 3404 3439 0.99:1
FormMinimalPerf.default 328 330 0.99:1
MenuMinimalPerf.default 707 711 0.99:1
SplitButtonMinimalPerf.default 3647 3678 0.99:1
ToolbarMinimalPerf.default 764 772 0.99:1
TooltipMinimalPerf.default 953 962 0.99:1
ChatWithPopoverPerf.default 303 309 0.98:1
DatepickerMinimalPerf.default 4841 4936 0.98:1
RosterPerf.default 906 922 0.98:1
VideoMinimalPerf.default 555 575 0.97:1
ButtonSlotsPerf.default 448 466 0.96:1
AvatarMinimalPerf.default 134 153 0.88:1

@fabricteam

fabricteam commented Jul 25, 2022

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 982 972 5000
Breadcrumb mount 2678 2715 1000
Checkbox mount 2701 2676 5000
CheckboxBase mount 2361 2324 5000
ChoiceGroup mount 4988 5027 5000
ComboBox mount 958 990 1000
CommandBar mount 10464 10624 1000
ContextualMenu mount 11038 11137 1000
DefaultButton mount 1178 1171 5000
DetailsRow mount 3997 4008 5000
DetailsRowFast mount 3925 3945 5000
DetailsRowNoStyles mount 3743 3813 5000
Dialog mount 2833 2863 1000
DocumentCardTitle mount 148 185 1000
Dropdown mount 3451 3471 5000
FocusTrapZone mount 1916 1865 5000
FocusZone mount 1773 1837 5000
IconButton mount 1864 1868 5000
Label mount 347 351 5000
Layer mount 3178 3152 5000
Link mount 492 486 5000
MenuButton mount 1553 1569 5000
MessageBar mount 2131 2186 5000
Nav mount 3465 3487 1000
OverflowSet mount 1095 1124 5000
Panel mount 2226 2221 1000
Persona mount 1042 1058 1000
Pivot mount 1474 1474 1000
PrimaryButton mount 1384 1372 5000
Rating mount 8218 8381 5000
SearchBox mount 1376 1351 5000
Shimmer mount 2613 2629 5000
Slider mount 2004 2013 5000
SpinButton mount 5177 5185 5000
Spinner mount 432 468 5000
SplitButton mount 3366 3351 5000
Stack mount 549 545 5000
StackWithIntrinsicChildren mount 2504 2454 5000
StackWithTextChildren mount 5676 5700 5000
SwatchColorPicker mount 13059 12041 5000
TagPicker mount 2778 2781 5000
TeachingBubble mount 84398 84358 5000
Text mount 451 462 5000
TextField mount 1446 1474 5000
ThemeProvider mount 1226 1204 5000
ThemeProvider virtual-rerender 650 677 5000
ThemeProvider virtual-rerender-with-unmount 1796 1834 5000
Toggle mount 834 842 5000
buttonNative mount 130 127 5000

<div
class="fui-DialogSurface"
data-tabster="{\\"deloser\\":{},\\"modalizer\\":{\\"id\\":\\"modal-9\\",\\"isOthersAccessible\\":false}}"
data-tabster="{\\"deloser\\":{},\\"modalizer\\":{\\"id\\":\\"modal-8\\",\\"isOthersAccessible\\":false}}"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why did this change? (It doesn't appear to be anything to worry about... but I wouldn't expect any snapshots to change from this PR)

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Answering my own question: It appears that it happened because DialogSurface.test.tsx doesn't reset test IDs after each test. Even though DialogSurface had disabled one of the conformance tests you're removing, it didn't disable the other, so there's still net one fewer test being run, which was presumably using a generated ID somewhere.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oops, good catch 👍 FYI @bsunderhus

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thx for the heads up. I'll address that!

Comment thread change/@fluentui-react-conformance-6c13ae37-25da-4e48-9c39-0138a31c73f5.json Outdated
@tudorpopams
tudorpopams requested a review from Hotell July 26, 2022 12:09

@Hotell Hotell left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

all good for cxe-prg packages

});
},

/** Component file has assigned and exported static class */

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

wonderful 🙌

@tomi-msft
tomi-msft merged commit af5aca6 into microsoft:master Jul 27, 2022
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.

Remove deprecated className conformance tests