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

chore:(docs) Adding Jest testing document #31554

Merged
merged 3 commits into from
Jun 10, 2024

Conversation

mltejera
Copy link
Contributor

@mltejera mltejera commented Jun 3, 2024

Pulled straight from the wiki.

@Hotell - do we need to make any updates to this?

@mltejera mltejera requested review from a team as code owners June 3, 2024 22:37
@mltejera mltejera requested a review from Hotell June 3, 2024 22:37
Copy link

codesandbox-ci bot commented Jun 3, 2024

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.

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 3, 2024

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender 32 34 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 79 83 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 658 628 5000
Button mount 306 298 5000
Field mount 1163 1119 5000
FluentProvider mount 725 708 5000
FluentProviderWithTheme mount 84 73 10
FluentProviderWithTheme virtual-rerender 32 34 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 79 83 10 Possible regression
MakeStyles mount 863 857 50000
Persona mount 1765 1706 5000
SpinButton mount 1429 1418 5000
SwatchPicker mount 1546 1551 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 3, 2024

Perf Analysis (@fluentui/react-northstar)

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AvatarMinimalPerf.default 125 109 1.15:1
TreeWith60ListItems.default 93 84 1.11:1
ButtonMinimalPerf.default 93 85 1.09:1
LoaderMinimalPerf.default 203 188 1.08:1
CardMinimalPerf.default 324 302 1.07:1
ListNestedPerf.default 321 299 1.07:1
RefMinimalPerf.default 116 108 1.07:1
AccordionMinimalPerf.default 85 80 1.06:1
InputMinimalPerf.default 547 515 1.06:1
ProviderMinimalPerf.default 210 198 1.06:1
AttachmentSlotsPerf.default 645 616 1.05:1
ItemLayoutMinimalPerf.default 731 693 1.05:1
PopupMinimalPerf.default 367 349 1.05:1
TableMinimalPerf.default 237 228 1.04:1
TextMinimalPerf.default 196 188 1.04:1
BoxMinimalPerf.default 193 188 1.03:1
GridMinimalPerf.default 193 188 1.03:1
ListWith60ListItems.default 369 357 1.03:1
MenuButtonMinimalPerf.default 957 930 1.03:1
SegmentMinimalPerf.default 199 194 1.03:1
SkeletonMinimalPerf.default 198 193 1.03:1
SliderMinimalPerf.default 771 750 1.03:1
CustomToolbarPrototype.default 1485 1435 1.03:1
VideoMinimalPerf.default 450 438 1.03:1
ButtonSlotsPerf.default 309 303 1.02:1
ChatDuplicateMessagesPerf.default 149 146 1.02:1
ChatMinimalPerf.default 438 429 1.02:1
ChatWithPopoverPerf.default 198 195 1.02:1
EmbedMinimalPerf.default 1908 1876 1.02:1
HeaderMinimalPerf.default 208 203 1.02:1
RosterPerf.default 1556 1526 1.02:1
StatusMinimalPerf.default 397 389 1.02:1
TableManyItemsPerf.default 1121 1095 1.02:1
TreeMinimalPerf.default 492 483 1.02:1
DialogMinimalPerf.default 444 438 1.01:1
DropdownManyItemsPerf.default 390 388 1.01:1
HeaderSlotsPerf.default 457 451 1.01:1
ListCommonPerf.default 388 385 1.01:1
ProviderMergeThemesPerf.default 649 645 1.01:1
SplitButtonMinimalPerf.default 2204 2187 1.01:1
CarouselMinimalPerf.default 264 265 1:1
DatepickerMinimalPerf.default 3525 3520 1:1
DividerMinimalPerf.default 204 205 1:1
ListMinimalPerf.default 301 300 1:1
MenuMinimalPerf.default 499 499 1:1
ToolbarMinimalPerf.default 533 534 1:1
CheckboxMinimalPerf.default 1113 1128 0.99:1
DropdownMinimalPerf.default 1406 1417 0.99:1
PortalMinimalPerf.default 84 85 0.99:1
RadioGroupMinimalPerf.default 260 262 0.99:1
TextAreaMinimalPerf.default 287 290 0.99:1
AnimationMinimalPerf.default 290 295 0.98:1
FlexMinimalPerf.default 149 152 0.98:1
LabelMinimalPerf.default 217 222 0.98:1
LayoutMinimalPerf.default 191 195 0.98:1
TooltipMinimalPerf.default 1245 1269 0.98:1
AlertMinimalPerf.default 150 154 0.97:1
ButtonOverridesMissPerf.default 638 657 0.97:1
ImageMinimalPerf.default 223 229 0.97:1
IconMinimalPerf.default 368 382 0.96:1
FormMinimalPerf.default 215 226 0.95:1
ReactionMinimalPerf.default 204 217 0.94:1
AttachmentMinimalPerf.default 72 81 0.89:1

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 3, 2024

🕵 FluentUIV0 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 3, 2024

📊 Bundle size report

✅ No changes found

@fabricteam
Copy link
Collaborator

fabricteam commented Jun 3, 2024

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 622 613 5000
Breadcrumb mount 1673 1678 1000
Checkbox mount 1714 1695 5000
CheckboxBase mount 1519 1491 5000
ChoiceGroup mount 2984 2950 5000
ComboBox mount 705 675 1000
CommandBar mount 6443 6514 1000
ContextualMenu mount 12245 12888 1000
DefaultButton mount 804 788 5000
DetailsRow mount 2189 2228 5000
DetailsRowFast mount 2216 2265 5000
DetailsRowNoStyles mount 2007 2012 5000
Dialog mount 2649 2669 1000
DocumentCardTitle mount 223 235 1000
Dropdown mount 2012 2007 5000
FocusTrapZone mount 1161 1127 5000
FocusZone mount 1057 1086 5000
GroupedList mount 42054 42153 2
GroupedList virtual-rerender 18037 20436 2
GroupedList virtual-rerender-with-unmount 51254 51631 2
GroupedListV2 mount 227 225 2
GroupedListV2 virtual-rerender 218 224 2
GroupedListV2 virtual-rerender-with-unmount 226 232 2
IconButton mount 1101 1131 5000
Label mount 338 340 5000
Layer mount 2767 2722 5000
Link mount 407 392 5000
MenuButton mount 994 1008 5000
MessageBar mount 21373 21382 5000
Nav mount 2058 2020 1000
OverflowSet mount 770 778 5000
Panel mount 1846 1787 1000
Persona mount 706 744 1000
Pivot mount 879 904 1000
PrimaryButton mount 949 923 5000
Rating mount 4632 4692 5000
SearchBox mount 925 928 5000
Shimmer mount 1960 1876 5000
Slider mount 1345 1344 5000
SpinButton mount 2966 2948 5000
Spinner mount 377 383 5000
SplitButton mount 1872 1868 5000
Stack mount 403 400 5000
StackWithIntrinsicChildren mount 873 853 5000
StackWithTextChildren mount 2636 2651 5000
SwatchColorPicker mount 6457 6306 5000
TagPicker mount 1445 1452 5000
Text mount 380 376 5000
TextField mount 939 953 5000
ThemeProvider mount 859 858 5000
ThemeProvider virtual-rerender 577 583 5000
ThemeProvider virtual-rerender-with-unmount 1290 1269 5000
Toggle mount 618 619 5000
buttonNative mount 200 185 5000

docs/react-v9/contributing/testing-with-jest.md Outdated Show resolved Hide resolved
docs/react-v9/contributing/testing-with-jest.md Outdated Show resolved Hide resolved
docs/react-v9/contributing/testing-with-jest.md Outdated Show resolved Hide resolved
docs/react-v9/contributing/testing-with-jest.md Outdated Show resolved Hide resolved
docs/react-v9/contributing/testing-with-jest.md Outdated Show resolved Hide resolved
docs/react-v9/contributing/testing-with-jest.md Outdated Show resolved Hide resolved
docs/react-v9/contributing/testing-with-jest.md Outdated Show resolved Hide resolved
docs/react-v9/contributing/testing-with-jest.md Outdated Show resolved Hide resolved
docs/react-v9/contributing/testing-with-jest.md Outdated Show resolved Hide resolved
docs/react-v9/contributing/testing-with-jest.md Outdated Show resolved Hide resolved
@mltejera mltejera requested a review from Hotell June 6, 2024 16:43
@mltejera mltejera merged commit 145b11d into microsoft:master Jun 10, 2024
21 checks passed
mainframev pushed a commit to mainframev/fluentui that referenced this pull request Jun 11, 2024
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 11, 2024
…-and-drawer-compat

* master: (43 commits)
  chore: remove react-alert from monorepo (microsoft#31642)
  docs(react-skeleton): extend Skeleton story with SkeletonItem examples (microsoft#31608)
  feat(react-motion): add support for params (microsoft#31566)
  applying package updates
  fix: show default title action in dialog body for modal dialogs (microsoft#31648)
  chore:(react-nav-preview)Remove redundant NavDrawerHeaderNav component. (microsoft#31646)
  Update Accordion Size story to allow collapsing (microsoft#31624)
  fix(react-accordion): deprecate navigation prop (microsoft#31587)
  fix: Drawer story accessibility fixes and docs update (microsoft#31570)
  feat:(react-nav-preview) Adds small size variant (microsoft#31589)
  feat: update divider to use element internals (microsoft#31627)
  chore(react-components): split react libraries in two (/library and /stories) - teams-prg /3rd batch (microsoft#31601)
  chore:(docs) Adding Jest testing document (microsoft#31554)
  chore(react-components): split react libraries in two (/library and /stories) - teams-prg /2nd batch (microsoft#31600)
  build(deps): bump tar from 6.1.11 to 6.2.1 (microsoft#31633)
  applying package updates
  fix: allow updating of CSS properties when they are already defined (microsoft#31629)
  fix: corrects the border-color for switch when in the checked state on rest (microsoft#31628)
  chore: update Switch to leverage ElementInternals via Checkbox (microsoft#31613)
  chore: update temporarily codeowners for split-in-two migrated packages to maintain proper PR review assignemnt for outdated branches (microsoft#31616)
  ...
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 11, 2024
* master: (43 commits)
  chore: remove react-alert from monorepo (microsoft#31642)
  docs(react-skeleton): extend Skeleton story with SkeletonItem examples (microsoft#31608)
  feat(react-motion): add support for params (microsoft#31566)
  applying package updates
  fix: show default title action in dialog body for modal dialogs (microsoft#31648)
  chore:(react-nav-preview)Remove redundant NavDrawerHeaderNav component. (microsoft#31646)
  Update Accordion Size story to allow collapsing (microsoft#31624)
  fix(react-accordion): deprecate navigation prop (microsoft#31587)
  fix: Drawer story accessibility fixes and docs update (microsoft#31570)
  feat:(react-nav-preview) Adds small size variant (microsoft#31589)
  feat: update divider to use element internals (microsoft#31627)
  chore(react-components): split react libraries in two (/library and /stories) - teams-prg /3rd batch (microsoft#31601)
  chore:(docs) Adding Jest testing document (microsoft#31554)
  chore(react-components): split react libraries in two (/library and /stories) - teams-prg /2nd batch (microsoft#31600)
  build(deps): bump tar from 6.1.11 to 6.2.1 (microsoft#31633)
  applying package updates
  fix: allow updating of CSS properties when they are already defined (microsoft#31629)
  fix: corrects the border-color for switch when in the checked state on rest (microsoft#31628)
  chore: update Switch to leverage ElementInternals via Checkbox (microsoft#31613)
  chore: update temporarily codeowners for split-in-two migrated packages to maintain proper PR review assignemnt for outdated branches (microsoft#31616)
  ...
miroslavstastny pushed a commit to miroslavstastny/fluentui that referenced this pull request Jun 14, 2024
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.

3 participants