Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Convert a11y-testing package to testing-library #22262

Merged
merged 1 commit into from
Mar 31, 2022

Conversation

ecraig12345
Copy link
Member

Current Behavior

While working on #22245 I discovered that @fluentui/a11y-testing (used by northstar, react-button, and react-link) still uses Enzyme.

New Behavior

Switch the package to use testing-library. I also simplified some of the logic in the one base file that was modified.

Related Issue(s)

Part of #21663

@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 e138e19:

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

@size-auditor
Copy link

size-auditor bot commented Mar 31, 2022

Asset size changes

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

Baseline commit: a152e0879d1711ca459710815843080ae966b1c1 (build)

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme mount 288 302 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 903 867 5000
Button mount 552 531 5000
FluentProvider mount 1904 1940 5000
FluentProviderWithTheme mount 288 302 10 Possible regression
FluentProviderWithTheme virtual-rerender 217 237 10
FluentProviderWithTheme virtual-rerender-with-unmount 300 312 10
MakeStyles mount 1503 1526 50000

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-button
Button
28.013 kB
8.059 kB
react-button
CompoundButton
33.508 kB
9.092 kB
react-button
MenuButton
29.796 kB
8.665 kB
react-button
SplitButton
36.268 kB
9.863 kB
react-button
ToggleButton
37.395 kB
8.68 kB
react-card
Card - All
53.619 kB
15.372 kB
react-card
Card
48.904 kB
14.089 kB
react-card
CardFooter
7.686 kB
3.264 kB
react-card
CardHeader
9.251 kB
3.78 kB
react-card
CardPreview
7.658 kB
3.291 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
176.089 kB
49.113 kB
react-components
react-components: FluentProvider & webLightTheme
32.526 kB
10.645 kB
react-link
Link
11.106 kB
4.507 kB
🤖 This report was generated against a152e0879d1711ca459710815843080ae966b1c1

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
ButtonMinimalPerf.default 199 172 1.16:1
RefMinimalPerf.default 284 245 1.16:1
ChatDuplicateMessagesPerf.default 359 316 1.14:1
CarouselMinimalPerf.default 521 483 1.08:1
TextMinimalPerf.default 388 360 1.08:1
TextAreaMinimalPerf.default 538 503 1.07:1
ButtonSlotsPerf.default 598 564 1.06:1
ListWith60ListItems.default 681 645 1.06:1
TableMinimalPerf.default 437 414 1.06:1
ReactionMinimalPerf.default 409 391 1.05:1
AttachmentMinimalPerf.default 170 164 1.04:1
AttachmentSlotsPerf.default 1147 1101 1.04:1
ChatWithPopoverPerf.default 414 398 1.04:1
DividerMinimalPerf.default 382 369 1.04:1
ImageMinimalPerf.default 387 372 1.04:1
AccordionMinimalPerf.default 167 162 1.03:1
BoxMinimalPerf.default 376 365 1.03:1
ChatMinimalPerf.default 784 763 1.03:1
ItemLayoutMinimalPerf.default 1275 1239 1.03:1
LabelMinimalPerf.default 407 397 1.03:1
ListMinimalPerf.default 564 549 1.03:1
MenuButtonMinimalPerf.default 1795 1751 1.03:1
PortalMinimalPerf.default 191 185 1.03:1
SegmentMinimalPerf.default 362 350 1.03:1
SplitButtonMinimalPerf.default 4605 4476 1.03:1
AnimationMinimalPerf.default 581 571 1.02:1
CardMinimalPerf.default 590 581 1.02:1
DropdownManyItemsPerf.default 737 725 1.02:1
FlexMinimalPerf.default 300 295 1.02:1
HeaderMinimalPerf.default 390 381 1.02:1
ProviderMinimalPerf.default 1190 1162 1.02:1
SkeletonMinimalPerf.default 370 361 1.02:1
DatepickerMinimalPerf.default 5796 5751 1.01:1
EmbedMinimalPerf.default 4351 4323 1.01:1
GridMinimalPerf.default 367 362 1.01:1
LayoutMinimalPerf.default 383 381 1.01:1
ListNestedPerf.default 578 573 1.01:1
LoaderMinimalPerf.default 724 720 1.01:1
IconMinimalPerf.default 651 642 1.01:1
TableManyItemsPerf.default 2014 1989 1.01:1
AvatarMinimalPerf.default 206 206 1:1
CheckboxMinimalPerf.default 2822 2834 1:1
FormMinimalPerf.default 416 417 1:1
InputMinimalPerf.default 1357 1358 1:1
MenuMinimalPerf.default 901 902 1:1
PopupMinimalPerf.default 669 670 1:1
ProviderMergeThemesPerf.default 1851 1852 1:1
CustomToolbarPrototype.default 4269 4258 1:1
ToolbarMinimalPerf.default 1002 1004 1:1
TooltipMinimalPerf.default 1074 1079 1:1
VideoMinimalPerf.default 661 664 1:1
DropdownMinimalPerf.default 3162 3201 0.99:1
RadioGroupMinimalPerf.default 454 460 0.99:1
SliderMinimalPerf.default 1765 1790 0.99:1
StatusMinimalPerf.default 707 715 0.99:1
TreeWith60ListItems.default 192 193 0.99:1
AlertMinimalPerf.default 280 285 0.98:1
ButtonOverridesMissPerf.default 1756 1791 0.98:1
DialogMinimalPerf.default 803 816 0.98:1
HeaderSlotsPerf.default 785 805 0.98:1
TreeMinimalPerf.default 845 866 0.98:1
RosterPerf.default 1140 1195 0.95:1
ListCommonPerf.default 634 683 0.93:1

Copy link
Contributor

@Hotell Hotell left a comment

Choose a reason for hiding this comment

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

🤝

@ecraig12345 ecraig12345 merged commit a8d3d70 into microsoft:master Mar 31, 2022
@ecraig12345 ecraig12345 deleted the a11y-testing-enzyme branch March 31, 2022 17:09
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.

4 participants