-
Notifications
You must be signed in to change notification settings - Fork 2.9k
test: use isolatedModules for all ts-jest configs to lower memory footprint on CI
#27670
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
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:falseit 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-pkggeneratornx workspace-generator migrate-converged-pkg --allSpeed metrics:
@fluentui/react test --no-cache --runInBandisolatedModules:trueRelated Issue(s)