feat(react-text-vr): bootstrap visual-regression project

[Hotell]

Previous Behavior

New Behavior

Migration of react-text Visual Regression scenarios to collocated project leveraging new VRT CLI

Leverages #34024

Related Issue(s)

• Fixes #

[github-actions]

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
react ExtendedPicker	96.873 kB 27.893 kB	96.873 kB 27.892 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.018 MB 282.948 kB	1.018 MB 282.95 kB	2 B
react SelectedItemsList	232.878 kB 67.891 kB	232.878 kB 67.893 kB	2 B

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
react ActivityItem	71.236 kB 23.357 kB
react Announced	38.489 kB 13.296 kB
react Autofill	15.42 kB 4.766 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.24 kB 72.304 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.396 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.478 kB 32.006 kB
react Keytips	106.242 kB 33.002 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.046 kB 83.653 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.051 kB 70.061 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

_{🤖 This report was generated against a296894de6f9acaaa562344ae4c09ba278fcc745}

[github-actions]

Pull request demo site: URL

[github-actions]

Visual Regression Testing Report:

• status: failure
• 👀 check whole report to review visual differences
• 👨‍🔧 once reviewed and changes are expected, update diffs in your PR by adding a comment with following text: "/approve-visual-regression-diff"

[Hotell]

/approve-visual-regression-diff

[github-actions]

VRT update failed 🚨.
Please check pipeline logs for more information.

[Hotell]

/approve-visual-regression-diff

[Hotell]

/approve-visual-regression-diff

[Hotell]

/approve-visual-regression-diff

[Hotell]

/approve-visual-regression-diff

[Hotell]

/approve-visual-regression-diff

[fabricteam]

🕵🏾‍♀️ visual regressions to review in the fluentuiv8 Visual Regression Report

Keytip 1 screenshots

Image Name	Diff(in Pixels)	Image Type
Keytip.Offset.default.chromium.png	121	Changed

react-charting-AreaChart 1 screenshots

Image Name	Diff(in Pixels)	Image Type
react-charting-AreaChart.Custom Accessibility.default.chromium.png	11	Changed

react-charting-VerticalBarChart 1 screenshots

Image Name	Diff(in Pixels)	Image Type
react-charting-VerticalBarChart.Basic - Secondary Y Axis.default.chromium.png	4	Changed