-
Notifications
You must be signed in to change notification settings - Fork 2.8k
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
test: use isolatedModules
for all ts-jest configs to lower memory footprint on CI
#27670
test: use isolatedModules
for all ts-jest configs to lower memory footprint on CI
#27670
Conversation
e9c563e
to
2ecacd5
Compare
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 bb18624:
|
Asset size changesSize Auditor did not detect a change in bundle size for any component! Baseline commit: 51767fd6bcd9fedcfe6e4b4735fdf13a1f1174bb (build) |
Perf Analysis (
|
Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
---|---|---|---|---|---|
Avatar | mount | 904 | 937 | 5000 | |
Button | mount | 494 | 504 | 5000 | |
Field | mount | 1686 | 1768 | 5000 | |
FluentProvider | mount | 1150 | 1180 | 5000 | |
FluentProviderWithTheme | mount | 140 | 137 | 10 | |
FluentProviderWithTheme | virtual-rerender | 122 | 126 | 10 | |
FluentProviderWithTheme | virtual-rerender-with-unmount | 141 | 136 | 10 | |
InfoButton | mount | 28 | 23 | 5000 | |
MakeStyles | mount | 1400 | 1328 | 50000 | |
Persona | mount | 2656 | 2604 | 5000 | |
SpinButton | mount | 2054 | 2101 | 5000 |
Perf Analysis (
|
Scenario | Current PR Ticks | Baseline Ticks | Ratio |
---|---|---|---|
TreeWith60ListItems.default | 117 | 105 | 1.11:1 |
ButtonMinimalPerf.default | 107 | 98 | 1.09:1 |
AvatarMinimalPerf.default | 141 | 130 | 1.08:1 |
LoaderMinimalPerf.default | 255 | 241 | 1.06:1 |
SkeletonMinimalPerf.default | 254 | 240 | 1.06:1 |
ListNestedPerf.default | 411 | 397 | 1.04:1 |
ReactionMinimalPerf.default | 276 | 266 | 1.04:1 |
ChatWithPopoverPerf.default | 255 | 247 | 1.03:1 |
DatepickerMinimalPerf.default | 4712 | 4596 | 1.03:1 |
RefMinimalPerf.default | 143 | 139 | 1.03:1 |
VideoMinimalPerf.default | 521 | 508 | 1.03:1 |
AttachmentMinimalPerf.default | 97 | 95 | 1.02:1 |
CardMinimalPerf.default | 373 | 365 | 1.02:1 |
CheckboxMinimalPerf.default | 1589 | 1557 | 1.02:1 |
HeaderMinimalPerf.default | 263 | 258 | 1.02:1 |
InputMinimalPerf.default | 733 | 719 | 1.02:1 |
SegmentMinimalPerf.default | 246 | 241 | 1.02:1 |
TableManyItemsPerf.default | 1437 | 1403 | 1.02:1 |
TextMinimalPerf.default | 248 | 244 | 1.02:1 |
TreeMinimalPerf.default | 594 | 584 | 1.02:1 |
AttachmentSlotsPerf.default | 837 | 825 | 1.01:1 |
ButtonSlotsPerf.default | 402 | 397 | 1.01:1 |
ChatMinimalPerf.default | 533 | 528 | 1.01:1 |
DialogMinimalPerf.default | 579 | 576 | 1.01:1 |
DropdownMinimalPerf.default | 1823 | 1800 | 1.01:1 |
EmbedMinimalPerf.default | 2391 | 2372 | 1.01:1 |
FormMinimalPerf.default | 268 | 265 | 1.01:1 |
HeaderSlotsPerf.default | 568 | 565 | 1.01:1 |
ImageMinimalPerf.default | 270 | 267 | 1.01:1 |
ItemLayoutMinimalPerf.default | 897 | 892 | 1.01:1 |
LayoutMinimalPerf.default | 261 | 258 | 1.01:1 |
MenuMinimalPerf.default | 627 | 620 | 1.01:1 |
PortalMinimalPerf.default | 119 | 118 | 1.01:1 |
ProviderMergeThemesPerf.default | 975 | 963 | 1.01:1 |
ProviderMinimalPerf.default | 273 | 270 | 1.01:1 |
RadioGroupMinimalPerf.default | 333 | 330 | 1.01:1 |
SliderMinimalPerf.default | 921 | 914 | 1.01:1 |
SplitButtonMinimalPerf.default | 3018 | 2991 | 1.01:1 |
StatusMinimalPerf.default | 505 | 499 | 1.01:1 |
IconMinimalPerf.default | 447 | 441 | 1.01:1 |
AccordionMinimalPerf.default | 104 | 104 | 1:1 |
AnimationMinimalPerf.default | 363 | 362 | 1:1 |
ButtonOverridesMissPerf.default | 830 | 831 | 1:1 |
CarouselMinimalPerf.default | 341 | 341 | 1:1 |
DividerMinimalPerf.default | 261 | 260 | 1:1 |
FlexMinimalPerf.default | 194 | 194 | 1:1 |
ListCommonPerf.default | 490 | 489 | 1:1 |
ListMinimalPerf.default | 376 | 377 | 1:1 |
ListWith60ListItems.default | 484 | 484 | 1:1 |
MenuButtonMinimalPerf.default | 1261 | 1255 | 1:1 |
PopupMinimalPerf.default | 450 | 451 | 1:1 |
ToolbarMinimalPerf.default | 659 | 660 | 1:1 |
TooltipMinimalPerf.default | 1585 | 1588 | 1:1 |
DropdownManyItemsPerf.default | 488 | 495 | 0.99:1 |
RosterPerf.default | 1788 | 1806 | 0.99:1 |
TextAreaMinimalPerf.default | 350 | 353 | 0.99:1 |
CustomToolbarPrototype.default | 1874 | 1897 | 0.99:1 |
BoxMinimalPerf.default | 240 | 246 | 0.98:1 |
ChatDuplicateMessagesPerf.default | 195 | 200 | 0.98:1 |
LabelMinimalPerf.default | 275 | 280 | 0.98:1 |
TableMinimalPerf.default | 293 | 300 | 0.98:1 |
AlertMinimalPerf.default | 188 | 197 | 0.95:1 |
GridMinimalPerf.default | 233 | 247 | 0.94:1 |
🕵 fluentuiv8 No visual regressions between this PR and main |
📊 Bundle size reportUnchanged fixtures
|
…ory footprint on CI
🕵 FluentUI-v0 No visual regressions between this PR and main |
🕵 fluentuiv9 No visual regressions between this PR and main |
Perf Analysis (
|
Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
---|---|---|---|---|---|
BaseButton | mount | 811 | 800 | 5000 | |
Breadcrumb | mount | 2228 | 2236 | 1000 | |
Checkbox | mount | 2160 | 2166 | 5000 | |
CheckboxBase | mount | 1924 | 1915 | 5000 | |
ChoiceGroup | mount | 3746 | 3759 | 5000 | |
ComboBox | mount | 904 | 886 | 1000 | |
CommandBar | mount | 8027 | 8067 | 1000 | |
ContextualMenu | mount | 15518 | 15775 | 1000 | |
DefaultButton | mount | 978 | 977 | 5000 | |
DetailsRow | mount | 2954 | 2929 | 5000 | |
DetailsRowFast | mount | 2963 | 2908 | 5000 | |
DetailsRowNoStyles | mount | 2708 | 2688 | 5000 | |
Dialog | mount | 3470 | 3453 | 1000 | |
DocumentCardTitle | mount | 303 | 322 | 1000 | |
Dropdown | mount | 2560 | 2538 | 5000 | |
FocusTrapZone | mount | 1478 | 1553 | 5000 | |
FocusZone | mount | 1442 | 1469 | 5000 | |
GroupedList | mount | 50495 | 58842 | 2 | |
GroupedList | virtual-rerender | 24319 | 24354 | 2 | |
GroupedList | virtual-rerender-with-unmount | 74669 | 74968 | 2 | |
GroupedListV2 | mount | 314 | 325 | 2 | |
GroupedListV2 | virtual-rerender | 301 | 302 | 2 | |
GroupedListV2 | virtual-rerender-with-unmount | 319 | 338 | 2 | |
IconButton | mount | 1414 | 1420 | 5000 | |
Label | mount | 451 | 462 | 5000 | |
Layer | mount | 3675 | 3614 | 5000 | |
Link | mount | 540 | 531 | 5000 | |
MenuButton | mount | 1250 | 1217 | 5000 | |
MessageBar | mount | 27810 | 27853 | 5000 | |
Nav | mount | 2562 | 2549 | 1000 | |
OverflowSet | mount | 1023 | 1025 | 5000 | |
Panel | mount | 2232 | 2250 | 1000 | |
Persona | mount | 975 | 975 | 1000 | |
Pivot | mount | 1171 | 1184 | 1000 | |
PrimaryButton | mount | 1092 | 1100 | 5000 | |
Rating | mount | 5825 | 5827 | 5000 | |
SearchBox | mount | 1150 | 1155 | 5000 | |
Shimmer | mount | 2348 | 2382 | 5000 | |
Slider | mount | 1728 | 1715 | 5000 | |
SpinButton | mount | 3711 | 3772 | 5000 | |
Spinner | mount | 523 | 529 | 5000 | |
SplitButton | mount | 2438 | 2470 | 5000 | |
Stack | mount | 543 | 553 | 5000 | |
StackWithIntrinsicChildren | mount | 1141 | 1131 | 5000 | |
StackWithTextChildren | mount | 3208 | 3216 | 5000 | |
SwatchColorPicker | mount | 8136 | 8187 | 5000 | |
TagPicker | mount | 1987 | 2002 | 5000 | |
Text | mount | 496 | 503 | 5000 | |
TextField | mount | 1200 | 1199 | 5000 | |
ThemeProvider | mount | 1135 | 1133 | 5000 | |
ThemeProvider | virtual-rerender | 786 | 773 | 5000 | |
ThemeProvider | virtual-rerender-with-unmount | 1746 | 1742 | 5000 | |
Toggle | mount | 831 | 807 | 5000 | |
buttonNative | mount | 290 | 283 | 5000 |
isolatedModules
for all ts-jest configs to lower memory footprint on CI
* master: chore: enforce files naming to use .styles.ts [cxe-prg files] (microsoft#27707) chore: migrate to NodeJS v16 (microsoft#27711) remove react-avatar-context package (microsoft#27709) test: migrate all v9 libraries to use new conformance setup which improves test execution by approx 46% (microsoft#27669) chore: Add caret to react-datepicker-compat dependencies (microsoft#27671) test(fluentui/react): fix initial global leaks that were causing OOM issues (microsoft#27661) chore(react-utilities): simplifies useControllableState hook internals (microsoft#27702) chore: enforce files naming to use .styles.ts (microsoft#27698) feat: adds lazy loading example (microsoft#27587) feat: react-combobox space conditionally inserts character when freeform is true (microsoft#27025) chore(react-tree): updates useOpenItemsState internals (microsoft#27697) feat(tools): add conformance setup migration to migrate-converged-pkg generator (microsoft#27668) test: use `isolatedModules` for all ts-jest configs to lower memory footprint on CI (microsoft#27670) chore: bump @griffel/eslint-plugin & enable @griffel/hook-naming (microsoft#27687) feat(react-tree): makes useFlatTree generic (microsoft#27682) Enable export to codepen for charting library (microsoft#27539) Overflow: added useOverflowCount to exports (microsoft#27678) fix: Menu should not steal focus on re-render (microsoft#27688) feat(react-conformance): add new TS config api to be able to specify configName and configDir (microsoft#27664)
Previous Behavior
Using type-checking with ts-jest is a know big performance bottleneck. While we use
diagnostic:false
it wont turn the actual TS program creation.New Behavior
ts-jest
, which improves speeds of tests and lowers down memory/CPU consumption == faster CImigrate-converged-pkg
generatornx workspace-generator migrate-converged-pkg --all
Speed metrics:
@fluentui/react test --no-cache --runInBand
isolatedModules:true
Related Issue(s)