chore: migrate to latest storywright which supports storyStore v7 and re-enable it within vr-tests SB setup by Hotell · Pull Request #33825 · microsoft/fluentui

Hotell · 2025-02-12T12:36:59Z

Previous Behavior

New Behavior

bump storywright to latest version to supports storyStoreV7 ( storybook 7 and 8 ) and improve Steps API DX
revert storyStorev7 disablement
fixes all v0 vr snapshots to proper state (700+)

Related Issue(s)

Follows fix: make StoryWright steps work in storybook 7 #33783, [Bug]: No VR interactive test steps are being executed #33759

github-actions · 2025-02-12T12:52:19Z

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
`react` ExtendedPicker	`96.915 kB` `27.908 kB`	`96.915 kB` `27.907 kB`	`-1 B`
`react` FloatingPicker	`242.388 kB` `69.002 kB`	`242.388 kB` `69.003 kB`	`1 B`
`react` Fluent UI React (entire library)	`1.019 MB` `282.971 kB`	`1.019 MB` `282.972 kB`	`1 B`
`react` SelectedItemsList	`232.878 kB` `67.891 kB`	`232.878 kB` `67.893 kB`	`2 B`

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
`global-context` createContext	`510 B` `328 B`
`global-context` createContextSelector	`537 B` `339 B`
`keyboard-key` keyboard-key package	`3.746 kB` `1.928 kB`
`keyboard-keys` Multiple keyCodes	`50 B` `70 B`
`keyboard-keys` Multiple keys	`87 B` `94 B`
`keyboard-keys` Single key	`44 B` `64 B`
`keyboard-keys` Single keyCode	`39 B` `59 B`
`priority-overflow` createOverflowManager	`4.457 kB` `1.856 kB`
`react` ActivityItem	`71.236 kB` `23.357 kB`
`react` Announced	`38.489 kB` `13.296 kB`
`react` Autofill	`15.459 kB` `4.782 kB`
`react` Breadcrumb	`202.318 kB` `60.388 kB`
`react` Button	`195.791 kB` `56.627 kB`
`react` ButtonGrid	`180.722 kB` `54.627 kB`
`react` Calendar	`121.875 kB` `37.024 kB`
`react` Callout	`84.323 kB` `27.64 kB`
`react` Check	`53.204 kB` `17.848 kB`
`react` Checkbox	`59.985 kB` `19.903 kB`
`react` ChoiceGroup	`65.494 kB` `21.489 kB`
`react` ChoiceGroupOption	`58.767 kB` `19.362 kB`
`react` Coachmark	`93.121 kB` `29.414 kB`
`react` Color	`7.789 kB` `3.127 kB`
`react` ColorPicker	`135.292 kB` `42.21 kB`
`react` ComboBox	`252.278 kB` `72.315 kB`
`react` CommandBar	`203.359 kB` `60.141 kB`
`react` ContextualMenu	`155.243 kB` `48.202 kB`
`react` DatePicker	`184.295 kB` `56.15 kB`
`react` DateTimeUtilities	`5.244 kB` `1.849 kB`
`react` DetailsList	`229.909 kB` `65.781 kB`
`react` Dialog	`211.717 kB` `63.165 kB`
`react` Divider	`19.603 kB` `6.845 kB`
`react` DocumentCard	`217.336 kB` `64.44 kB`
`react` DragDrop	`8.343 kB` `2.724 kB`
`react` DraggableZone	`34.303 kB` `11.511 kB`
`react` Dropdown	`234.695 kB` `68.743 kB`
`react` Fabric	`41.745 kB` `14.366 kB`
`react` Facepile	`210.893 kB` `63.167 kB`
`react` FocusTrapZone	`17.023 kB` `5.911 kB`
`react` FocusZone	`55.159 kB` `17.492 kB`
`react` Grid	`180.722 kB` `54.627 kB`
`react` GroupedList	`135.07 kB` `40.7 kB`
`react` GroupedListV2	`122.687 kB` `37.788 kB`
`react` HoverCard	`97.16 kB` `30.787 kB`
`react` Icon	`51.885 kB` `17.272 kB`
`react` Icons	`66.361 kB` `24.397 kB`
`react` Image	`46.904 kB` `15.707 kB`
`react` Keytip	`81.693 kB` `26.766 kB`
`react` KeytipData	`14.032 kB` `4.582 kB`
`react` KeytipLayer	`103.474 kB` `32.015 kB`
`react` Keytips	`106.238 kB` `33.013 kB`
`react` Label	`38.347 kB` `13.257 kB`
`react` Layer	`48.099 kB` `16.367 kB`
`react` Link	`39.682 kB` `13.67 kB`
`react` List	`39.371 kB` `12.463 kB`
`react` MarqueeSelection	`74.517 kB` `22.433 kB`
`react` MessageBar	`190.869 kB` `57.103 kB`
`react` Modal	`93.738 kB` `30.271 kB`
`react` Nav	`188.306 kB` `56.485 kB`
`react` OverflowSet	`33.385 kB` `11.314 kB`
`react` Overlay	`40.902 kB` `14.095 kB`
`react` Panel	`201.808 kB` `60.106 kB`
`react` Persona	`114.948 kB` `36.532 kB`
`react` PersonaCoin	`114.948 kB` `36.532 kB`
`react` PersonaPresence	`58.074 kB` `19.384 kB`
`react` Pickers	`299.085 kB` `83.664 kB`
`react` Pivot	`189.226 kB` `57.267 kB`
`react` Popup	`12.294 kB` `4.195 kB`
`react` Positioning	`22.807 kB` `7.701 kB`
`react` PositioningContainer	`73.827 kB` `23.758 kB`
`react` ProgressIndicator	`39.494 kB` `13.55 kB`
`react` Rating	`82.12 kB` `26.127 kB`
`react` ResizeGroup	`13.338 kB` `4.377 kB`
`react` ResponsiveMode	`8.13 kB` `2.966 kB`
`react` ScrollablePane	`55.557 kB` `17.728 kB`
`react` SearchBox	`189.118 kB` `56.68 kB`
`react` SelectableOption	`724 B` `413 B`
`react` Selection	`42.444 kB` `12.278 kB`
`react` Separator	`35.384 kB` `12.146 kB`
`react` Shimmer	`49.259 kB` `16.268 kB`
`react` ShimmeredDetailsList	`240.691 kB` `68.532 kB`
`react` Slider	`57.651 kB` `19.217 kB`
`react` SpinButton	`192.821 kB` `57.775 kB`
`react` Spinner	`41.775 kB` `14.48 kB`
`react` Stack	`42.074 kB` `14.405 kB`
`react` Sticky	`32.599 kB` `10.504 kB`
`react` Styling	`46.033 kB` `15.135 kB`
`react` SwatchColorPicker	`191.136 kB` `58.151 kB`
`react` TeachingBubble	`206.139 kB` `61.063 kB`
`react` Text	`36.908 kB` `12.822 kB`
`react` TextField	`80.79 kB` `25.315 kB`
`react` Theme	`43.493 kB` `14.173 kB`
`react` ThemeGenerator	`12.392 kB` `4.126 kB`
`react` TimePicker	`242.089 kB` `70.072 kB`
`react` Toggle	`46.225 kB` `15.986 kB`
`react` Tooltip	`87.437 kB` `28.26 kB`
`react` Utilities	`82.931 kB` `25.148 kB`
`react` Viewport	`23.888 kB` `7.656 kB`
`react` WeeklyDayPicker	`102.017 kB` `31.834 kB`
`react` WindowProvider	`1.059 kB` `541 B`
`react-accordion` Accordion (including children components)	`107.018 kB` `32.834 kB`
`react-aria` ARIA - Default	`237 B` `181 B`
`react-avatar` Avatar	`49.329 kB` `15.824 kB`
`react-avatar` AvatarGroup	`20.132 kB` `7.976 kB`
`react-avatar` AvatarGroupItem	`63.473 kB` `20.043 kB`
`react-badge` Badge	`25.98 kB` `8.602 kB`
`react-badge` CounterBadge	`26.759 kB` `8.879 kB`
`react-badge` PresenceBadge	`25.745 kB` `9.463 kB`
`react-breadcrumb` @fluentui/react-breadcrumb - package	`114.719 kB` `31.752 kB`
`react-button` Button	`37.602 kB` `10.858 kB`
`react-button` CompoundButton	`44.016 kB` `12.162 kB`
`react-button` MenuButton	`42.417 kB` `12.209 kB`
`react-button` SplitButton	`50.482 kB` `13.776 kB`
`react-button` ToggleButton	`53.535 kB` `12.631 kB`
`react-calendar-compat` Calendar Compat	`150.095 kB` `40.026 kB`
`react-card` Card - All	`101.796 kB` `28.779 kB`
`react-card` Card	`94.57 kB` `26.957 kB`
`react-card` CardFooter	`14.381 kB` `5.799 kB`
`react-card` CardHeader	`16.914 kB` `6.677 kB`
`react-card` CardPreview	`14.446 kB` `5.929 kB`
`react-checkbox` Checkbox	`35.144 kB` `12.085 kB`
`react-color-picker-preview` ColorArea	`50.45 kB` `17.668 kB`
`react-color-picker-preview` ColorPicker	`18.581 kB` `7.371 kB`
`react-color-picker-preview` ColorSlider	`42.458 kB` `15.707 kB`
`react-combobox` Combobox (including child components)	`105.562 kB` `34.52 kB`
`react-combobox` Dropdown (including child components)	`106.186 kB` `34.462 kB`
`react-components` react-components: Button, FluentProvider & webLightTheme	`69.638 kB` `20.24 kB`
`react-components` react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	`224.582 kB` `64.913 kB`
`react-components` react-components: FluentProvider & webLightTheme	`44.473 kB` `14.597 kB`
`react-components` react-components: entire library	`1.171 MB` `293.127 kB`
`react-datepicker-compat` DatePicker Compat	`225.344 kB` `63.793 kB`
`react-dialog` Dialog (including children components)	`100.513 kB` `30.131 kB`
`react-divider` Divider	`21.354 kB` `7.963 kB`
`react-field` Field	`23.425 kB` `8.905 kB`
`react-image` Image	`15.386 kB` `6.243 kB`
`react-input` Input	`28.04 kB` `9.451 kB`
`react-jsx-runtime` Classic Pragma	`1.057 kB` `530 B`
`react-jsx-runtime` JSX Dev Runtime	`3.771 kB` `1.643 kB`
`react-jsx-runtime` JSX Runtime	`4.367 kB` `1.874 kB`
`react-label` Label	`14.697 kB` `5.999 kB`
`react-link` Link	`17.452 kB` `7.077 kB`
`react-list` List	`89.19 kB` `26.607 kB`
`react-list` ListItem	`112.757 kB` `33.441 kB`
`react-menu` Menu (including children components)	`155.616 kB` `46.882 kB`
`react-menu` Menu (including selectable components)	`158.598 kB` `47.478 kB`
`react-message-bar` MessageBar (all components)	`24.882 kB` `9.269 kB`
`react-motion` @fluentui/react-motion - createMotionComponent()	`4.506 kB` `1.967 kB`
`react-motion` @fluentui/react-motion - createPresenceComponent()	`5.231 kB` `2.296 kB`
`react-motion` @fluentui/react-motion - PresenceGroup	`1.714 kB` `819 B`
`react-northstar` Accordion	`85.406 kB` `26.542 kB`
`react-northstar` Alert	`87.463 kB` `26.931 kB`
`react-northstar` Animation	`55.343 kB` `17.839 kB`
`react-northstar` Attachment	`86.851 kB` `26.721 kB`
`react-northstar` Avatar	`80.276 kB` `24.64 kB`
`react-northstar` Box	`75.245 kB` `23.819 kB`
`react-northstar` Breadcrumb	`79.92 kB` `24.723 kB`
`react-northstar` Button	`83.161 kB` `25.967 kB`
`react-northstar` Card	`82.705 kB` `25.047 kB`
`react-northstar` Carousel	`105.2 kB` `31.902 kB`
`react-northstar` Chat	`154.119 kB` `46.93 kB`
`react-northstar` Checkbox	`79.808 kB` `25.096 kB`
`react-northstar` Datepicker	`186.672 kB` `57.026 kB`
`react-northstar` Debug	`8.8 kB` `3.595 kB`
`react-northstar` Design	`36.595 kB` `12.073 kB`
`react-northstar` Dialog	`112.07 kB` `33.637 kB`
`react-northstar` Divider	`76.616 kB` `24.141 kB`
`react-northstar` Dropdown	`198.27 kB` `60.275 kB`
`react-northstar` Embed	`81.479 kB` `25.443 kB`
`react-northstar` Flex	`47.728 kB` `15.451 kB`
`react-northstar` Form	`92.537 kB` `28.908 kB`
`react-northstar` Grid	`70.581 kB` `22.289 kB`
`react-northstar` Header	`74.753 kB` `23.477 kB`
`react-northstar` Image	`73.588 kB` `23.34 kB`
`react-northstar` Input	`88.35 kB` `27.801 kB`
`react-northstar` ItemLayout	`78.253 kB` `24.484 kB`
`react-northstar` Label	`77.917 kB` `24.422 kB`
`react-northstar` Layout	`75.404 kB` `23.819 kB`
`react-northstar` List	`88.493 kB` `27.569 kB`
`react-northstar` Loader	`78.617 kB` `24.749 kB`
`react-northstar` Menu	`128.605 kB` `40.751 kB`
`react-northstar` MenuButton	`163.013 kB` `49.642 kB`
`react-northstar` Pill	`83.719 kB` `26.084 kB`
`react-northstar` Popup	`135.32 kB` `42.278 kB`
`react-northstar` Portal	`58.33 kB` `18.854 kB`
`react-northstar` Provider	`93.14 kB` `29.653 kB`
`react-northstar` RadioGroup	`83.286 kB` `26.072 kB`
`react-northstar` Reaction	`77.281 kB` `24.147 kB`
`react-northstar` Segment	`76.206 kB` `23.911 kB`
`react-northstar` Skeleton	`77.762 kB` `24.214 kB`
`react-northstar` Slider	`84.28 kB` `26.775 kB`
`react-northstar` SplitButton	`178.255 kB` `53.474 kB`
`react-northstar` Status	`76.269 kB` `24.065 kB`
`react-northstar` SvgIcon	`36.817 kB` `11.753 kB`
`react-northstar` Table	`80.8 kB` `25.172 kB`
`react-northstar` Text	`74.111 kB` `23.524 kB`
`react-northstar` TextArea	`74.245 kB` `23.507 kB`
`react-northstar` Toolbar	`175.072 kB` `52.868 kB`
`react-northstar` Tooltip	`109.976 kB` `35.257 kB`
`react-northstar` Tree	`87.854 kB` `27.236 kB`
`react-northstar` Video	`75.411 kB` `23.808 kB`
`react-overflow` hooks only	`12.808 kB` `4.819 kB`
`react-persona` Persona	`56.22 kB` `17.704 kB`
`react-popover` Popover	`130.32 kB` `40.699 kB`
`react-portal` Portal	`14.563 kB` `5.118 kB`
`react-portal-compat` PortalCompatProvider	`8.39 kB` `2.64 kB`
`react-positioning` usePositioning	`28.144 kB` `10.046 kB`
`react-progress` ProgressBar	`17.11 kB` `6.899 kB`
`react-provider` FluentProvider	`24.649 kB` `8.902 kB`
`react-radio` Radio	`32.698 kB` `10.351 kB`
`react-radio` RadioGroup	`15.788 kB` `6.431 kB`
`react-select` Select	`27.758 kB` `10.131 kB`
`react-slider` Slider	`37.994 kB` `12.723 kB`
`react-spinbutton` SpinButton	`34.965 kB` `11.661 kB`
`react-spinner` Spinner	`25.271 kB` `8.547 kB`
`react-swatch-picker` @fluentui/react-swatch-picker - package	`105.112 kB` `30.526 kB`
`react-switch` Switch	`35.345 kB` `11.322 kB`
`react-table` DataGrid	`161.06 kB` `45.718 kB`
`react-table` Table (Primitives only)	`42.692 kB` `13.862 kB`
`react-table` Table as DataGrid	`131.895 kB` `36.579 kB`
`react-table` Table (Selection only)	`70.562 kB` `20.007 kB`
`react-table` Table (Sort only)	`69.205 kB` `19.618 kB`
`react-tag-picker` @fluentui/react-tag-picker - package	`185.663 kB` `55.782 kB`
`react-tags` InteractionTag	`15.225 kB` `6.165 kB`
`react-tags` Tag	`29.098 kB` `9.559 kB`
`react-tags` TagGroup	`82.745 kB` `24.532 kB`
`react-teaching-popover` TeachingPopover	`91.711 kB` `27.921 kB`
`react-text` Text - Default	`17.087 kB` `6.731 kB`
`react-text` Text - Wrappers	`20.268 kB` `7.055 kB`
`react-textarea` Textarea	`26.598 kB` `9.761 kB`
`react-theme` Single theme token import	`69 B` `89 B`
`react-theme` Teams: all themes	`35.835 kB` `7.512 kB`
`react-theme` Teams: Light theme	`19.794 kB` `5.602 kB`
`react-timepicker-compat` TimePicker	`108.551 kB` `36.094 kB`
`react-toast` Toast (including Toaster)	`101.309 kB` `30.521 kB`
`react-tooltip` Tooltip	`57.131 kB` `19.949 kB`
`react-tree` FlatTree	`147.793 kB` `42.393 kB`
`react-tree` PersonaFlatTree	`148.538 kB` `42.536 kB`
`react-tree` PersonaTree	`144.749 kB` `41.391 kB`
`react-tree` Tree	`144.01 kB` `41.265 kB`
`react-utilities` SSRProvider	`180 B` `160 B`

_{🤖 This report was generated against 3d21a9daf9dc81ae71d28e14340a59d9a78c3f5e}

github-actions · 2025-02-12T18:08:08Z

Pull request demo site: URL

… re-enable it within vr-tests SB setup

Hotell · 2025-02-19T08:39:29Z

Note for myself:

v9 test Steps object is undefined occurred 455 times

… re-enable it within vr-tests SB setup (microsoft#33825)

github-actions Bot added this to the February Project Cycle Q1 2025 milestone Feb 12, 2025

Hotell added Package: charting Fluent UI react-components (v9) web-components Storybook Area: Storywright labels Feb 12, 2025

Hotell force-pushed the vrt/update-storywright branch from d4d6e09 to eacfa2d Compare February 12, 2025 12:40

fabricteam reviewed Feb 12, 2025

View reviewed changes

Comment thread apps/vr-tests-react-components/.storybook/main.js

fabricteam reviewed Feb 12, 2025

View reviewed changes

Comment thread apps/vr-tests-react-components/.storybook/main.js

fabricteam reviewed Feb 12, 2025

View reviewed changes

Comment thread apps/vr-tests-react-components/.storybook/main.js

fabricteam reviewed Feb 12, 2025

View reviewed changes

Comment thread apps/vr-tests-react-components/.storybook/main.js

Hotell marked this pull request as ready for review February 13, 2025 09:58

Hotell requested review from a team as code owners February 13, 2025 09:58

tudorpopams requested a review from marcosmoura February 13, 2025 13:05

dmytrokirpa approved these changes Feb 17, 2025

View reviewed changes

chore: migrate to latest storywright which supports storyStore v7 and…

503542a

… re-enable it within vr-tests SB setup

Hotell force-pushed the vrt/update-storywright branch from eacfa2d to 503542a Compare February 17, 2025 10:53

Hotell mentioned this pull request Feb 17, 2025

fix(vr-tests-react-components): make sure build-storybook has all deps build assets before it runs #33851

Merged

marcosmoura approved these changes Feb 17, 2025

View reviewed changes

chrisdholt approved these changes Feb 18, 2025

View reviewed changes

Hotell merged commit c3a9a3a into microsoft:master Feb 19, 2025

Hotell deleted the vrt/update-storywright branch February 19, 2025 08:44

mainframev pushed a commit to mainframev/fluentui that referenced this pull request Jun 9, 2025

chore: migrate to latest storywright which supports storyStore v7 and…

9325723

… re-enable it within vr-tests SB setup (microsoft#33825)

tudorpopams pushed a commit to tudorpopams/fluentui that referenced this pull request Apr 14, 2026

chore: migrate to latest storywright which supports storyStore v7 and…

300433e

… re-enable it within vr-tests SB setup (microsoft#33825)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

chore: migrate to latest storywright which supports storyStore v7 and re-enable it within vr-tests SB setup - #33825

chore: migrate to latest storywright which supports storyStore v7 and re-enable it within vr-tests SB setup#33825
Hotell merged 1 commit into
microsoft:masterfrom
Hotell:vrt/update-storywright

Hotell commented Feb 12, 2025 •

edited

Loading

Uh oh!

github-actions Bot commented Feb 12, 2025 •

edited

Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

github-actions Bot commented Feb 12, 2025

Uh oh!

Hotell commented Feb 19, 2025 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

Uh oh!

Conversation

Hotell commented Feb 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Previous Behavior

New Behavior

Related Issue(s)

Uh oh!

github-actions Bot commented Feb 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

📊 Bundle size report

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

github-actions Bot commented Feb 12, 2025

Uh oh!

Hotell commented Feb 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

Hotell commented Feb 12, 2025 •

edited

Loading

github-actions Bot commented Feb 12, 2025 •

edited

Loading

Hotell commented Feb 19, 2025 •

edited

Loading