Skip to content

chore: use TsconfigPathsPlugin in cypress test config#29327

Merged
ling1726 merged 1 commit into
microsoft:masterfrom
ling1726:chore/cypress-tsconfig-paths
Sep 28, 2023
Merged

chore: use TsconfigPathsPlugin in cypress test config#29327
ling1726 merged 1 commit into
microsoft:masterfrom
ling1726:chore/cypress-tsconfig-paths

Conversation

@ling1726

@ling1726 ling1726 commented Sep 28, 2023

Copy link
Copy Markdown
Contributor

Cypress test config previously did not use TsConfigPathsPlugin so it relied on code being built in CI. This is a similar approach to our storybook config

However there is an edge case encountered in #29313. Lage will run the cypress tests of depednencies which can depend on depedencies not in the package.json tree 💣💣

- react-message-bar-preview
  - react-button
    - react-tabster
      - react-provider (not in package.json, but used in cypress test)

Cypress test config previously did not use TsConfigPathsPlugin so it
relied on code being built in CI.

However there is an edge case encountered in microsoft#29313. Lage will run the
cypress tests of depednencies which *_can depend on depedencies not in
the package.json tree_* 💣💣

```
- react-message-bar-preview
  - react-button
    - react-tabster
      - react-provider (not in package.json, but used in cypress test)
```
@ling1726
ling1726 marked this pull request as ready for review September 28, 2023 14:10
@ling1726
ling1726 requested a review from a team as a code owner September 28, 2023 14:10
@fabricteam

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender-with-unmount 73 76 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 611 613 5000
Button mount 291 320 5000
Field mount 1111 1084 5000
FluentProvider mount 683 691 5000
FluentProviderWithTheme mount 80 77 10
FluentProviderWithTheme virtual-rerender 67 70 10
FluentProviderWithTheme virtual-rerender-with-unmount 73 76 10 Possible regression
InfoButton mount 11 12 5000
MakeStyles mount 827 845 50000
Persona mount 1671 1659 5000
SpinButton mount 1354 1345 5000

@codesandbox-ci

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 70bd763:

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

@fabricteam

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
510 B
330 B
global-context
createContextSelector
537 B
342 B
react-accordion
Accordion (including children components)
91.684 kB
28.007 kB
react-alert
Alert
83.657 kB
22.915 kB
react-avatar
Avatar
49.185 kB
15.491 kB
react-avatar
AvatarGroup
18.716 kB
7.458 kB
react-avatar
AvatarGroupItem
63.841 kB
19.834 kB
react-button
Button
39.444 kB
10.738 kB
react-button
CompoundButton
46.799 kB
12.233 kB
react-button
MenuButton
44.218 kB
12.12 kB
react-button
SplitButton
52.232 kB
13.705 kB
react-button
ToggleButton
56.49 kB
12.641 kB
react-card
Card - All
91.484 kB
26.485 kB
react-card
Card
86.31 kB
24.946 kB
react-card
CardFooter
12.074 kB
5.034 kB
react-card
CardHeader
14.323 kB
5.8 kB
react-card
CardPreview
13.031 kB
5.404 kB
react-checkbox
Checkbox
35.959 kB
11.852 kB
react-combobox
Combobox (including child components)
90.121 kB
29.441 kB
react-combobox
Dropdown (including child components)
88.561 kB
29.081 kB
react-components
react-components: Button, FluentProvider & webLightTheme
69.227 kB
19.584 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
206.783 kB
59.085 kB
react-components
react-components: FluentProvider & webLightTheme
40.793 kB
13.521 kB
react-datepicker-compat
DatePicker Compat
210.557 kB
58.665 kB
react-dialog
Dialog (including children components)
88.307 kB
26.334 kB
react-infobutton
InfoButton
128.844 kB
40.576 kB
react-infobutton
InfoLabel
132.535 kB
41.752 kB
react-link
Link
15.983 kB
6.492 kB
react-menu
Menu (including children components)
138.755 kB
42.86 kB
react-menu
Menu (including selectable components)
141.441 kB
43.37 kB
react-overflow
hooks only
12.419 kB
4.687 kB
react-persona
Persona
56.076 kB
17.369 kB
react-popover
Popover
117.589 kB
37.101 kB
react-portal
Portal
12.255 kB
4.504 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
react-provider
FluentProvider
21.338 kB
7.945 kB
react-radio
Radio
29.72 kB
9.802 kB
react-radio
RadioGroup
14.355 kB
5.913 kB
react-slider
Slider
36.87 kB
12.141 kB
react-switch
Switch
32.179 kB
10.437 kB
react-table
DataGrid
155.92 kB
43.463 kB
react-table
Table (Primitives only)
42.715 kB
13.341 kB
react-table
Table as DataGrid
129.19 kB
34.771 kB
react-table
Table (Selection only)
74.557 kB
20.071 kB
react-table
Table (Sort only)
73.164 kB
19.67 kB
react-tags-preview
InteractionTag
14.275 kB
5.717 kB
react-tags-preview
Tag
28.998 kB
9.061 kB
react-tags-preview
TagGroup
72.507 kB
21.605 kB
react-toast
Toast (including Toaster)
91.124 kB
27.293 kB
react-tooltip
Tooltip
50.859 kB
17.955 kB
🤖 This report was generated against 22f66ce91e429a1a2d31e0a9138715711fe9210d

@size-auditor

size-auditor Bot commented Sep 28, 2023

Copy link
Copy Markdown

Asset size changes

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

Baseline commit: 22f66ce91e429a1a2d31e0a9138715711fe9210d (build)

@fabricteam

Copy link
Copy Markdown
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

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