Skip to content

Add FluentValidationMessage #4472

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.

Sign up for GitHub

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

Draft
vnbaaij wants to merge 18 commits into
base: dev-v5
Choose a base branch
from

Update src/Core/Components/Forms/FluentValidationMessage.razor.cs

dbc18e9
Select commit
Loading
Failed to load commit list.
Sign in for the full log view
Draft

Add FluentValidationMessage #4472

Update src/Core/Components/Forms/FluentValidationMessage.razor.cs
dbc18e9
Select commit
Loading
Failed to load commit list.
GitHub Actions / Core Tests succeeded Mar 31, 2026 in 1s

3087 passed, 7 failed and 0 skipped

Tests failed

❌ TestResults/_runnervmrg6be_2026-03-31_16_32_12.trx

3094 tests were completed in 24s with 3087 passed, 7 failed and 0 skipped.

Test suite Passed Failed Skipped Time
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Accordion.FluentAccordionItemTests 29✅ 129ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Accordion.FluentAccordionTests 28✅ 76ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.AppBar.FluentAppBarItemTests 8✅ 61ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.AppBar.FluentAppBarTests 23✅ 688ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Avatar.FluentAvatarTests 77✅ 209ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Badge.FluentBadgeTests 64✅ 176ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Badge.FluentCounterBadgeTests 76✅ 181ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Badge.FluentPresenceBadgeTests 81✅ 208ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Base.CachedServicesTests 4✅ 6ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Base.ComponentBaseTests 12✅ 438ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Base.InputBaseTests 13✅ 363ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Button.FluentAnchorButtonTests 31✅ 88ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Button.FluentButtonTests 81✅ 219ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Button.FluentCompoundButtonTests 39✅ 123ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Button.FluentMenuButtonTests 3✅ 13ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Button.FluentSplitButtonTests 16✅ 77ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Button.FluentToggleButtonTests 15✅ 53ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Card.FluentCardTests 18✅ 81ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Checkbox.FluentCheckboxTests 39✅ 116ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.ColumnKeyGridSortTests 1✅ 5ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.ColumnResizeOptionsTests 1✅ 3ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.FluentDataGridCellTests 9✅ 150ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.FluentDataGridIsFixedTests 6✅ 468ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.FluentDataGridRowTests 18✅ 115ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.FluentDataGridSortByTests 4✅ 88ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.FluentDataGridTests 94✅ 1s
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.GridSortTests 25✅ 59ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.HierarchicalGridItemTests 13✅ 8ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.HierarchicalGridUtilitiesTests 9✅ 8ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.HierarchicalSelectColumnTests 26✅ 128ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.PropertyColumnFormatterTests 4✅ 49ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.SelectColumnTests 45✅ 567ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.FluentCalendarTests 137✅ 1s
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.FluentDatePickerTests 65✅ 426ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.FluentTimePickerTests 45✅ 244ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.CalendarExtendedTests 26✅ 21ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.CalendarTitlesTests 25✅ 75ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.CalendarTValueTests 74✅ 35ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.FluentCalendarDayTests 14✅ 43ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.FluentCalendarMonthTests 11✅ 73ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.FluentCalendarYearTests 9✅ 38ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.RangeOfDatesTests 46✅ 23ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Dialog.FluentDialogBodyTests 4✅ 23ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Dialog.FluentDialogTests 43✅ 1s
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Dialog.FluentDrawerTests 13✅ 87ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Dialog.FluentMessageBoxTests 11✅ 82ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Divider.FluentDividerTests 16✅ 34ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Drag.FluentDragTests 9✅ 59ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Emojis.CustomEmojiTests 2✅ 12ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Emojis.EmojiExtensionsTests 3✅ 7ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Emojis.FluentEmojiTests 25✅ 234ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.ErrorBoundary.FluentErrorBoundaryTests 13✅ 66ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Field.FluentFieldConditionTests 23✅ 37ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Field.FluentFieldParameterCollectorTests 88✅ 142ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Field.FluentFieldTests 43✅ 131ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Forms.FluentValidationMessageTests 7✅ 56ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Forms.FluentValidationSummaryTests 3✅ 19ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Grid.FluentGridTests 40✅ 103ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Highlighter.FluentHighlighterTests 6✅ 17ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Icons.CustomIconTests 2✅ 5ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Icons.FluentIconTests 33✅ 93ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Icons.IconsExtensionsTests 5✅ 8ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Image.FluentImageTests 16✅ 42ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.InputFile.FluentInputFileDialogServiceTests 7✅ 81ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.InputFile.FluentInputFileTests 29✅ 75ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.KeyCode.FluentKeyCodeTests 17✅ 46ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Label.FluentLabelTests 16✅ 47ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Layout.FluentLayoutTests 16✅ 84ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Link.FluentLinkTests 39✅ 99ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentComboboxTests 30✅ 145ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests 25✅ 6❌ 180ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentOptionTests 6✅ 20ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentSelectTests 37✅ 1❌ 230ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Menu.FluentMenuItemTests 30✅ 114ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Menu.FluentMenuListTests 4✅ 14ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Menu.FluentMenuTests 5✅ 28ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.MessageBar.FluentMessageBarTests 24✅ 121ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Nav.FluentNavCategoryTests 31✅ 360ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Nav.FluentNavItemTests 36✅ 206ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Nav.FluentNavSectionHeaderTests 3✅ 9ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Nav.FluentNavTests 28✅ 357ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Overflow.FluentOverflowTests 14✅ 77ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Overlay.FluentOverlayTests 24✅ 87ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Paginator.FluentPaginatorTests 16✅ 127ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Paginator.PaginationStateTests 2✅ 10ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Paginator.TotalItemCountChangedEventArgsTests 2✅ 1ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Popover.FluentPopoverTests 9✅ 31ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Progress.FluentProgressBarTests 33✅ 87ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Progress.FluentSpinnerTests 19✅ 38ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.PullToRefresh.FluentPullToRefreshTests 27✅ 155ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Radio.FluentRadioGroupTests 19✅ 82ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Radio.FluentRadioTests 12✅ 59ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.RatingDisplay.FluentRatingDisplayTests 16✅ 39ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Skeleton.FluentSkeletonTests 34✅ 52ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Slider.FluentSliderTests 26✅ 200ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.SortableList.FluentSortableListTests 10✅ 55ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Spacer.FluentSpacerTests 5✅ 12ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Splitter.FluentMultiSplitterTests 21✅ 110ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Stack.FluentStackTests 42✅ 86ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Switch.FluentSwitchTests 15✅ 49ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Tabs.FluentTabsTests 33✅ 154ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Text.FluentTextTests 55✅ 134ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TextArea.FluentTextArea_KeyPress 3✅ 1ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TextArea.FluentTextAreaTests 25✅ 98ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TextInput.FluentTextInputTests 38✅ 112ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Toast.FluentToastTests 28✅ 232ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Tooltip.FluentTooltipTests 38✅ 136ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TreeView.FluentTreeItemTests 17✅ 58ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TreeView.FluentTreeMultipleTests 6✅ 42ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TreeView.FluentTreeViewItemsTests 15✅ 66ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TreeView.FluentTreeViewTests 16✅ 52ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Extensions.AdditionalAttributesExtensionsTests 13✅ 5ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Extensions.DateTimeExtensionsTests 33✅ 11ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Extensions.DisplayAttributeExtensionTests 6✅ 3ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Extensions.EnumExtensionsTests 10✅ 3ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Extensions.FluentInputExtensionsTests 11✅ 16ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Extensions.SpacingExtensionsTests 30✅ 8ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Extensions.ToTimeAgoTests 31✅ 8ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Localization.FluentLocalizerTests 11✅ 10ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Migration.AppearanceExtensionsTests 17✅ 11ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Themes.ThemeServiceTests 26✅ 28ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Themes.ThemeTests 4✅ 85ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.AddTagTests 11✅ 19ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.CssBuilderTests 21✅ 8ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.DateTimeProviderTests 11✅ 7ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.DebounceTests 9✅ 334ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.IdentifierTests 8✅ 4ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.InlineStyleBuilderTests 9✅ 7ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.MarkupStringSanitizedTests 43✅ 15ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.StyleBuilderTests 11✅ 5ms

❌ Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests

✅ FluentListbox_Appearance(appearance: 999, expected: null)
✅ FluentListbox_Appearance(appearance: FilledDarker, expected: "filled-darker")
✅ FluentListbox_Appearance(appearance: FilledLighter, expected: "filled-lighter")
✅ FluentListbox_Appearance(appearance: null, expected: null)
✅ FluentListbox_Appearance(appearance: Outline, expected: null)
✅ FluentListbox_Appearance(appearance: Transparent, expected: "transparent")
✅ FluentListbox_Binding_InitialSelection
✅ FluentListbox_Binding_Updated
✅ FluentListbox_Data
❌ FluentListbox_Default
	Bunit.HtmlEqualException : HTML comparison failed. 
	
	The following errors were found:
	  1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.
	
	Actual HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above">
	      <div id="xxx" class="fluent-listbox" slot="input"  >
	        <fluent-listbox>
	          <fluent-option id="xxx"></fluent-option>
	          <fluent-option id="xxx" text="One" value="One">One</fluent-option>
	          <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
	          <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
	        </fluent-listbox>
	      </div>
	    </fluent-field>
	  </body>
	</html>
	
	Expected HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above">
	      <div id="xxx" class="fluent-listbox" slot="input"  >
	        <fluent-listbox>
	          <fluent-option id="xxx"></fluent-option>
	          <fluent-option id="xxx" text="One" value="One">One</fluent-option>
	          <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
	          <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
	        </fluent-listbox>
	      </div>
	      <fluent-text as="span" size="200" slot="message"></fluent-text>
	    </fluent-field>
	  </body>
	</html>
	
✅ FluentListbox_Default_InitialSelection
✅ FluentListbox_Disabled
❌ FluentListbox_Enum
	Bunit.HtmlEqualException : HTML comparison failed. 
	
	The following errors were found:
	  1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.
	
	Actual HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above">
	      <div id="xxx" class="fluent-listbox" slot="input"  >
	        <fluent-listbox>
	          <fluent-option id="xxx" text="One" value="One" selected="">One</fluent-option>
	          <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
	          <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
	        </fluent-listbox>
	      </div>
	    </fluent-field>
	  </body>
	</html>
	
	Expected HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above">
	      <div id="xxx" class="fluent-listbox" slot="input"  >
	        <fluent-listbox>
	          <fluent-option id="xxx" text="One" value="One" selected="">One</fluent-option>
	          <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
	          <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
	        </fluent-listbox>
	      </div>
	      <fluent-text as="span" size="200" slot="message"></fluent-text>
	    </fluent-field>
	  </body>
	</html>
	
❌ FluentListbox_GetOptionValue_DefaultWhenTypesAreDifferent
	Bunit.HtmlEqualException : HTML comparison failed. 
	
	The following errors were found:
	  1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.
	
	Actual HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above">
	      <div id="xxx" class="fluent-listbox" slot="input"  >
	        <fluent-listbox>
	          <fluent-option id="xxx" text="Person { Id = 1, Name = Alice }" value="0" selected="">Person { Id = 1, Name = Alice }</fluent-option>
	          <fluent-option id="xxx" text="Person { Id = 2, Name = Bob }" value="0" selected="">Person { Id = 2, Name = Bob }</fluent-option>
	        </fluent-listbox>
	      </div>
	    </fluent-field>
	  </body>
	</html>
	
	Expected HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above">
	      <div id="xxx" class="fluent-listbox" slot="input"  >
	        <fluent-listbox>
	          <fluent-option id="xxx" text="Person { Id = 1, Name = Alice }" value="0" selected="">Person { Id = 1, Name = Alice }</fluent-option>
	          <fluent-option id="xxx" text="Person { Id = 2, Name = Bob }" value="0" selected="">Person { Id = 2, Name = Bob }</fluent-option>
	        </fluent-listbox>
	      </div>
	      <fluent-text as="span" size="200" slot="message"></fluent-text>
	    </fluent-field>
	  </body>
	</html>
	
✅ FluentListbox_GetOptionValue_WithOptionValueFunc
❌ FluentListbox_Label
	Bunit.HtmlEqualException : HTML comparison failed. 
	
	The following errors were found:
	  1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(5) is missing.
	
	Actual HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above" class="my-3-o">
	      <label id="xxx" slot="label" for="xxx" required="">List of digits
	      </label>
	      <div id="xxx" class="fluent-listbox" slot="input" required=""  >
	        <fluent-listbox>
	          <fluent-option id="xxx"></fluent-option>
	          <fluent-option id="xxx" text="One" value="One">One</fluent-option>
	          <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
	          <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
	        </fluent-listbox>
	      </div>
	    </fluent-field>
	  </body>
	</html>
	
	Expected HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above" class="my-3-o">
	      <label id="xxx" slot="label" for="xxx" required="">List of digits
	      </label>
	      <div id="xxx" class="fluent-listbox" slot="input" required=""  >
	        <fluent-listbox>
	          <fluent-option id="xxx"></fluent-option>
	          <fluent-option id="xxx" text="One" value="One">One</fluent-option>
	          <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
	          <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
	        </fluent-listbox>
	      </div>
	      <fluent-text as="span" size="200" slot="message"></fluent-text>
	    </fluent-field>
	  </body>
	</html>
	
❌ FluentListbox_Manual
	Bunit.HtmlEqualException : HTML comparison failed. 
	
	The following errors were found:
	  1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.
	
	Actual HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above">
	      <div id="xxx" class="fluent-listbox" slot="input"  >
	        <fluent-listbox>
	          <fluent-option id="xxx" value="One">One</fluent-option>
	          <fluent-option id="xxx" value="Two">Two</fluent-option>
	          <fluent-option id="xxx" value="Three">Three</fluent-option>
	        </fluent-listbox>
	      </div>
	    </fluent-field>
	  </body>
	</html>
	
	Expected HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above">
	      <div id="xxx" class="fluent-listbox" slot="input"  >
	        <fluent-listbox>
	          <fluent-option id="xxx" value="One">One</fluent-option>
	          <fluent-option id="xxx" value="Two">Two</fluent-option>
	          <fluent-option id="xxx" value="Three">Three</fluent-option>
	        </fluent-listbox>
	      </div>
	      <fluent-text as="span" size="200" slot="message"></fluent-text>
	    </fluent-field>
	  </body>
	</html>
	
✅ FluentListbox_Manual_OnDropdownChange
✅ FluentListbox_Manual_OnDropdownChange_EmptySelection
✅ FluentListbox_Multiple
✅ FluentListbox_Multiple_OptionSelectedComparer
✅ FluentListbox_Multiple_Unselect(selectedOptions: "")
✅ FluentListbox_Multiple_Unselect(selectedOptions: "InvalidId1;    InvalidId2")
✅ FluentListbox_Multiple_Unselect(selectedOptions: "InvalidId1;InvalidId2")
✅ FluentListbox_Multiple_Unselect(selectedOptions: "InvalidId1")
✅ FluentListbox_Multiple_Unselect(selectedOptions: null)
✅ FluentListbox_Option_Clicked
❌ FluentListbox_OptionFunctions
	Bunit.HtmlEqualException : HTML comparison failed. 
	
	The following errors were found:
	  1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.
	
	Actual HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above">
	      <div id="xxx" class="fluent-listbox" slot="input"  >
	        <fluent-listbox>
	          <fluent-option id="xxx" value="value-"></fluent-option>
	          <fluent-option id="xxx" text="ONE" value="value-One">ONE</fluent-option>
	          <fluent-option id="xxx" disabled="" text="TWO" value="value-Two">TWO</fluent-option>
	          <fluent-option id="xxx" text="THREE" value="value-Three">THREE</fluent-option>
	        </fluent-listbox>
	      </div>
	    </fluent-field>
	  </body>
	</html>
	
	Expected HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above">
	      <div id="xxx" class="fluent-listbox" slot="input"  >
	        <fluent-listbox>
	          <fluent-option id="xxx" value="value-"></fluent-option>
	          <fluent-option id="xxx" text="ONE" value="value-One">ONE</fluent-option>
	          <fluent-option id="xxx" disabled="" text="TWO" value="value-Two">TWO</fluent-option>
	          <fluent-option id="xxx" text="THREE" value="value-Three">THREE</fluent-option>
	        </fluent-listbox>
	      </div>
	      <fluent-text as="span" size="200" slot="message"></fluent-text>
	    </fluent-field>
	  </body>
	</html>
	
✅ FluentListbox_ReadOnly
✅ FluentListbox_Template
✅ FluentListbox_Width_And_Height

❌ Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentSelectTests

✅ FluentSelect_Appearance(appearance: 999, expected: null)
✅ FluentSelect_Appearance(appearance: FilledDarker, expected: "filled-darker")
✅ FluentSelect_Appearance(appearance: FilledLighter, expected: "filled-lighter")
✅ FluentSelect_Appearance(appearance: null, expected: null)
✅ FluentSelect_Appearance(appearance: Outline, expected: null)
✅ FluentSelect_Appearance(appearance: Transparent, expected: "transparent")
✅ FluentSelect_Binding_InitialSelection
✅ FluentSelect_Binding_Updated
✅ FluentSelect_ClearAsync
✅ FluentSelect_ClearAsync_Multiple
✅ FluentSelect_Data
✅ FluentSelect_Default
✅ FluentSelect_Default_InitialSelection
✅ FluentSelect_Enum
❌ FluentSelect_GetOptionValue_DefaultWhenTypesAreDifferent
	Bunit.HtmlEqualException : HTML comparison failed. 
	
	The following errors were found:
	  1: The element at html(0) > body(1) > fluent-field(0) > fluent-text(3) is missing.
	
	Actual HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above">
	      <fluent-dropdown id="xxx" slot="input" type="dropdown"  >
	        <fluent-listbox>
	          <fluent-option id="xxx" text="Person { Id = 1, Name = Alice }" value="0" selected="">Person { Id = 1, Name = Alice }</fluent-option>
	          <fluent-option id="xxx" text="Person { Id = 2, Name = Bob }" value="0" selected="">Person { Id = 2, Name = Bob }</fluent-option>
	        </fluent-listbox>
	      </fluent-dropdown>
	    </fluent-field>
	  </body>
	</html>
	
	Expected HTML: <html>
	  <head></head>
	  <body>
	    <fluent-field id="xxx" label-position="above">
	      <fluent-dropdown id="xxx" slot="input" type="dropdown"  >
	        <fluent-listbox>
	          <fluent-option id="xxx" text="Person { Id = 1, Name = Alice }" value="0" selected="">Person { Id = 1, Name = Alice }</fluent-option>
	          <fluent-option id="xxx" text="Person { Id = 2, Name = Bob }" value="0" selected="">Person { Id = 2, Name = Bob }</fluent-option>
	        </fluent-listbox>
	      </fluent-dropdown>
	      <fluent-text as="span" size="200" slot="message"></fluent-text>
	    </fluent-field>
	  </body>
	</html>
	
✅ FluentSelect_GetOptionValue_WithOptionValueFunc
✅ FluentSelect_Label
✅ FluentSelect_Manual
✅ FluentSelect_Manual_OnDropdownChange
✅ FluentSelect_Manual_OnDropdownChange_EmptySelection
✅ FluentSelect_Multiple
✅ FluentSelect_Multiple_OptionSelectedComparer
✅ FluentSelect_Multiple_Unselect(selectedOptions: "")
✅ FluentSelect_Multiple_Unselect(selectedOptions: "InvalidId1;    InvalidId2")
✅ FluentSelect_Multiple_Unselect(selectedOptions: "InvalidId1;InvalidId2")
✅ FluentSelect_Multiple_Unselect(selectedOptions: "InvalidId1")
✅ FluentSelect_Multiple_Unselect(selectedOptions: null)
✅ FluentSelect_Option_Clicked
✅ FluentSelect_OptionFunctions
✅ FluentSelect_Size(size: 999, expected: null)
✅ FluentSelect_Size(size: Large, expected: "large")
✅ FluentSelect_Size(size: Medium, expected: null)
✅ FluentSelect_Size(size: null, expected: null)
✅ FluentSelect_Size(size: Small, expected: "small")
✅ FluentSelect_Template
✅ FluentSelect_TryParseValueFromString(value: "1", expectedParsedValue: 1, expectedValidationErrorMessage: null)
✅ FluentSelect_TryParseValueFromString(value: "abc", expectedParsedValue: 0, expectedValidationErrorMessage: "The 'Unknown Bound Field' field is not valid.")
✅ FluentSelect_Width_And_Height

Annotations

Check failure on line 134 in tests/Core/Verify/FluentAssert.cs

See this annotation in the file changed.

@github-actions github-actions / Core Tests

Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests ► FluentListbox_Default 

Failed test found in:
  TestResults/_runnervmrg6be_2026-03-31_16_32_12.trx
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.
  
  Actual HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above">
        <div id="xxx" class="fluent-listbox" slot="input"  >
          <fluent-listbox>
            <fluent-option id="xxx"></fluent-option>
            <fluent-option id="xxx" text="One" value="One">One</fluent-option>
            <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
            <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
          </fluent-listbox>
        </div>
      </fluent-field>
    </body>
  </html>
  
  Expected HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above">
        <div id="xxx" class="fluent-listbox" slot="input"  >
          <fluent-listbox>
            <fluent-option id="xxx"></fluent-option>
            <fluent-option id="xxx" text="One" value="One">One</fluent-option>
            <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
            <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
          </fluent-listbox>
        </div>
        <fluent-text as="span" size="200" slot="message"></fluent-text>
      </fluent-field>
    </body>
  </html>
Raw output 
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.

Actual HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above">
      <div id="xxx" class="fluent-listbox" slot="input"  >
        <fluent-listbox>
          <fluent-option id="xxx"></fluent-option>
          <fluent-option id="xxx" text="One" value="One">One</fluent-option>
          <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
          <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
        </fluent-listbox>
      </div>
    </fluent-field>
  </body>
</html>

Expected HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above">
      <div id="xxx" class="fluent-listbox" slot="input"  >
        <fluent-listbox>
          <fluent-option id="xxx"></fluent-option>
          <fluent-option id="xxx" text="One" value="One">One</fluent-option>
          <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
          <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
        </fluent-listbox>
      </div>
      <fluent-text as="span" size="200" slot="message"></fluent-text>
    </fluent-field>
  </body>
</html>

   at Microsoft.FluentUI.AspNetCore.Components.Tests.Verify.FluentAssert.Verify[T](IRenderedComponent`1 actual, Func`2 received, String filename, String memberName, String suffix) in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Verify/FluentAssert.cs:line 134
   at Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests.FluentListbox_Default() in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Components/List/FluentListboxTests.razor:line 26
   at System.RuntimeMethodHandle.InvokeMethod(Object target, Void** arguments, Signature sig, Boolean isConstructor)
   at System.Reflection.MethodBaseInvoker.InvokeWithNoArgs(Object obj, BindingFlags invokeAttr)

Check failure on line 134 in tests/Core/Verify/FluentAssert.cs

See this annotation in the file changed.

@github-actions github-actions / Core Tests

Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests ► FluentListbox_Enum 

Failed test found in:
  TestResults/_runnervmrg6be_2026-03-31_16_32_12.trx
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.
  
  Actual HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above">
        <div id="xxx" class="fluent-listbox" slot="input"  >
          <fluent-listbox>
            <fluent-option id="xxx" text="One" value="One" selected="">One</fluent-option>
            <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
            <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
          </fluent-listbox>
        </div>
      </fluent-field>
    </body>
  </html>
  
  Expected HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above">
        <div id="xxx" class="fluent-listbox" slot="input"  >
          <fluent-listbox>
            <fluent-option id="xxx" text="One" value="One" selected="">One</fluent-option>
            <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
            <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
          </fluent-listbox>
        </div>
        <fluent-text as="span" size="200" slot="message"></fluent-text>
      </fluent-field>
    </body>
  </html>
Raw output 
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.

Actual HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above">
      <div id="xxx" class="fluent-listbox" slot="input"  >
        <fluent-listbox>
          <fluent-option id="xxx" text="One" value="One" selected="">One</fluent-option>
          <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
          <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
        </fluent-listbox>
      </div>
    </fluent-field>
  </body>
</html>

Expected HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above">
      <div id="xxx" class="fluent-listbox" slot="input"  >
        <fluent-listbox>
          <fluent-option id="xxx" text="One" value="One" selected="">One</fluent-option>
          <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
          <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
        </fluent-listbox>
      </div>
      <fluent-text as="span" size="200" slot="message"></fluent-text>
    </fluent-field>
  </body>
</html>

   at Microsoft.FluentUI.AspNetCore.Components.Tests.Verify.FluentAssert.Verify[T](IRenderedComponent`1 actual, Func`2 received, String filename, String memberName, String suffix) in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Verify/FluentAssert.cs:line 134
   at Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests.FluentListbox_Enum() in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Components/List/FluentListboxTests.razor:line 82
   at System.RuntimeMethodHandle.InvokeMethod(Object target, Void** arguments, Signature sig, Boolean isConstructor)
   at System.Reflection.MethodBaseInvoker.InvokeWithNoArgs(Object obj, BindingFlags invokeAttr)

Check failure on line 134 in tests/Core/Verify/FluentAssert.cs

See this annotation in the file changed.

@github-actions github-actions / Core Tests

Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests ► FluentListbox_GetOptionValue_DefaultWhenTypesAreDifferent 

Failed test found in:
  TestResults/_runnervmrg6be_2026-03-31_16_32_12.trx
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.
  
  Actual HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above">
        <div id="xxx" class="fluent-listbox" slot="input"  >
          <fluent-listbox>
            <fluent-option id="xxx" text="Person { Id = 1, Name = Alice }" value="0" selected="">Person { Id = 1, Name = Alice }</fluent-option>
            <fluent-option id="xxx" text="Person { Id = 2, Name = Bob }" value="0" selected="">Person { Id = 2, Name = Bob }</fluent-option>
          </fluent-listbox>
        </div>
      </fluent-field>
    </body>
  </html>
  
  Expected HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above">
        <div id="xxx" class="fluent-listbox" slot="input"  >
          <fluent-listbox>
            <fluent-option id="xxx" text="Person { Id = 1, Name = Alice }" value="0" selected="">Person { Id = 1, Name = Alice }</fluent-option>
            <fluent-option id="xxx" text="Person { Id = 2, Name = Bob }" value="0" selected="">Person { Id = 2, Name = Bob }</fluent-option>
          </fluent-listbox>
        </div>
        <fluent-text as="span" size="200" slot="message"></fluent-text>
      </fluent-field>
    </body>
  </html>
Raw output 
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.

Actual HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above">
      <div id="xxx" class="fluent-listbox" slot="input"  >
        <fluent-listbox>
          <fluent-option id="xxx" text="Person { Id = 1, Name = Alice }" value="0" selected="">Person { Id = 1, Name = Alice }</fluent-option>
          <fluent-option id="xxx" text="Person { Id = 2, Name = Bob }" value="0" selected="">Person { Id = 2, Name = Bob }</fluent-option>
        </fluent-listbox>
      </div>
    </fluent-field>
  </body>
</html>

Expected HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above">
      <div id="xxx" class="fluent-listbox" slot="input"  >
        <fluent-listbox>
          <fluent-option id="xxx" text="Person { Id = 1, Name = Alice }" value="0" selected="">Person { Id = 1, Name = Alice }</fluent-option>
          <fluent-option id="xxx" text="Person { Id = 2, Name = Bob }" value="0" selected="">Person { Id = 2, Name = Bob }</fluent-option>
        </fluent-listbox>
      </div>
      <fluent-text as="span" size="200" slot="message"></fluent-text>
    </fluent-field>
  </body>
</html>

   at Microsoft.FluentUI.AspNetCore.Components.Tests.Verify.FluentAssert.Verify[T](IRenderedComponent`1 actual, Func`2 received, String filename, String memberName, String suffix) in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Verify/FluentAssert.cs:line 134
   at Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests.FluentListbox_GetOptionValue_DefaultWhenTypesAreDifferent() in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Components/List/FluentListboxTests.razor:line 342
   at System.RuntimeMethodHandle.InvokeMethod(Object target, Void** arguments, Signature sig, Boolean isConstructor)
   at System.Reflection.MethodBaseInvoker.InvokeWithNoArgs(Object obj, BindingFlags invokeAttr)

Check failure on line 134 in tests/Core/Verify/FluentAssert.cs

See this annotation in the file changed.

@github-actions github-actions / Core Tests

Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests ► FluentListbox_Label 

Failed test found in:
  TestResults/_runnervmrg6be_2026-03-31_16_32_12.trx
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(5) is missing.
  
  Actual HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above" class="my-3-o">
        <label id="xxx" slot="label" for="xxx" required="">List of digits
        </label>
        <div id="xxx" class="fluent-listbox" slot="input" required=""  >
          <fluent-listbox>
            <fluent-option id="xxx"></fluent-option>
            <fluent-option id="xxx" text="One" value="One">One</fluent-option>
            <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
            <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
          </fluent-listbox>
        </div>
      </fluent-field>
    </body>
  </html>
  
  Expected HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above" class="my-3-o">
        <label id="xxx" slot="label" for="xxx" required="">List of digits
        </label>
        <div id="xxx" class="fluent-listbox" slot="input" required=""  >
          <fluent-listbox>
            <fluent-option id="xxx"></fluent-option>
            <fluent-option id="xxx" text="One" value="One">One</fluent-option>
            <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
            <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
          </fluent-listbox>
        </div>
        <fluent-text as="span" size="200" slot="message"></fluent-text>
      </fluent-field>
    </body>
  </html>
Raw output 
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(5) is missing.

Actual HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above" class="my-3-o">
      <label id="xxx" slot="label" for="xxx" required="">List of digits
      </label>
      <div id="xxx" class="fluent-listbox" slot="input" required=""  >
        <fluent-listbox>
          <fluent-option id="xxx"></fluent-option>
          <fluent-option id="xxx" text="One" value="One">One</fluent-option>
          <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
          <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
        </fluent-listbox>
      </div>
    </fluent-field>
  </body>
</html>

Expected HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above" class="my-3-o">
      <label id="xxx" slot="label" for="xxx" required="">List of digits
      </label>
      <div id="xxx" class="fluent-listbox" slot="input" required=""  >
        <fluent-listbox>
          <fluent-option id="xxx"></fluent-option>
          <fluent-option id="xxx" text="One" value="One">One</fluent-option>
          <fluent-option id="xxx" text="Two" value="Two">Two</fluent-option>
          <fluent-option id="xxx" text="Three" value="Three">Three</fluent-option>
        </fluent-listbox>
      </div>
      <fluent-text as="span" size="200" slot="message"></fluent-text>
    </fluent-field>
  </body>
</html>

   at Microsoft.FluentUI.AspNetCore.Components.Tests.Verify.FluentAssert.Verify[T](IRenderedComponent`1 actual, Func`2 received, String filename, String memberName, String suffix) in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Verify/FluentAssert.cs:line 134
   at Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests.FluentListbox_Label() in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Components/List/FluentListboxTests.razor:line 36
   at System.RuntimeMethodHandle.InvokeMethod(Object target, Void** arguments, Signature sig, Boolean isConstructor)
   at System.Reflection.MethodBaseInvoker.InvokeWithNoArgs(Object obj, BindingFlags invokeAttr)

Check failure on line 134 in tests/Core/Verify/FluentAssert.cs

See this annotation in the file changed.

@github-actions github-actions / Core Tests

Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests ► FluentListbox_Manual 

Failed test found in:
  TestResults/_runnervmrg6be_2026-03-31_16_32_12.trx
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.
  
  Actual HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above">
        <div id="xxx" class="fluent-listbox" slot="input"  >
          <fluent-listbox>
            <fluent-option id="xxx" value="One">One</fluent-option>
            <fluent-option id="xxx" value="Two">Two</fluent-option>
            <fluent-option id="xxx" value="Three">Three</fluent-option>
          </fluent-listbox>
        </div>
      </fluent-field>
    </body>
  </html>
  
  Expected HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above">
        <div id="xxx" class="fluent-listbox" slot="input"  >
          <fluent-listbox>
            <fluent-option id="xxx" value="One">One</fluent-option>
            <fluent-option id="xxx" value="Two">Two</fluent-option>
            <fluent-option id="xxx" value="Three">Three</fluent-option>
          </fluent-listbox>
        </div>
        <fluent-text as="span" size="200" slot="message"></fluent-text>
      </fluent-field>
    </body>
  </html>
Raw output 
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.

Actual HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above">
      <div id="xxx" class="fluent-listbox" slot="input"  >
        <fluent-listbox>
          <fluent-option id="xxx" value="One">One</fluent-option>
          <fluent-option id="xxx" value="Two">Two</fluent-option>
          <fluent-option id="xxx" value="Three">Three</fluent-option>
        </fluent-listbox>
      </div>
    </fluent-field>
  </body>
</html>

Expected HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above">
      <div id="xxx" class="fluent-listbox" slot="input"  >
        <fluent-listbox>
          <fluent-option id="xxx" value="One">One</fluent-option>
          <fluent-option id="xxx" value="Two">Two</fluent-option>
          <fluent-option id="xxx" value="Three">Three</fluent-option>
        </fluent-listbox>
      </div>
      <fluent-text as="span" size="200" slot="message"></fluent-text>
    </fluent-field>
  </body>
</html>

   at Microsoft.FluentUI.AspNetCore.Components.Tests.Verify.FluentAssert.Verify[T](IRenderedComponent`1 actual, Func`2 received, String filename, String memberName, String suffix) in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Verify/FluentAssert.cs:line 134
   at Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests.FluentListbox_Manual() in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Components/List/FluentListboxTests.razor:line 46
   at System.RuntimeMethodHandle.InvokeMethod(Object target, Void** arguments, Signature sig, Boolean isConstructor)
   at System.Reflection.MethodBaseInvoker.InvokeWithNoArgs(Object obj, BindingFlags invokeAttr)

Check failure on line 134 in tests/Core/Verify/FluentAssert.cs

See this annotation in the file changed.

@github-actions github-actions / Core Tests

Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests ► FluentListbox_OptionFunctions 

Failed test found in:
  TestResults/_runnervmrg6be_2026-03-31_16_32_12.trx
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.
  
  Actual HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above">
        <div id="xxx" class="fluent-listbox" slot="input"  >
          <fluent-listbox>
            <fluent-option id="xxx" value="value-"></fluent-option>
            <fluent-option id="xxx" text="ONE" value="value-One">ONE</fluent-option>
            <fluent-option id="xxx" disabled="" text="TWO" value="value-Two">TWO</fluent-option>
            <fluent-option id="xxx" text="THREE" value="value-Three">THREE</fluent-option>
          </fluent-listbox>
        </div>
      </fluent-field>
    </body>
  </html>
  
  Expected HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above">
        <div id="xxx" class="fluent-listbox" slot="input"  >
          <fluent-listbox>
            <fluent-option id="xxx" value="value-"></fluent-option>
            <fluent-option id="xxx" text="ONE" value="value-One">ONE</fluent-option>
            <fluent-option id="xxx" disabled="" text="TWO" value="value-Two">TWO</fluent-option>
            <fluent-option id="xxx" text="THREE" value="value-Three">THREE</fluent-option>
          </fluent-listbox>
        </div>
        <fluent-text as="span" size="200" slot="message"></fluent-text>
      </fluent-field>
    </body>
  </html>
Raw output 
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The element at html(0) > body(2) > fluent-field(1) > fluent-text(3) is missing.

Actual HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above">
      <div id="xxx" class="fluent-listbox" slot="input"  >
        <fluent-listbox>
          <fluent-option id="xxx" value="value-"></fluent-option>
          <fluent-option id="xxx" text="ONE" value="value-One">ONE</fluent-option>
          <fluent-option id="xxx" disabled="" text="TWO" value="value-Two">TWO</fluent-option>
          <fluent-option id="xxx" text="THREE" value="value-Three">THREE</fluent-option>
        </fluent-listbox>
      </div>
    </fluent-field>
  </body>
</html>

Expected HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above">
      <div id="xxx" class="fluent-listbox" slot="input"  >
        <fluent-listbox>
          <fluent-option id="xxx" value="value-"></fluent-option>
          <fluent-option id="xxx" text="ONE" value="value-One">ONE</fluent-option>
          <fluent-option id="xxx" disabled="" text="TWO" value="value-Two">TWO</fluent-option>
          <fluent-option id="xxx" text="THREE" value="value-Three">THREE</fluent-option>
        </fluent-listbox>
      </div>
      <fluent-text as="span" size="200" slot="message"></fluent-text>
    </fluent-field>
  </body>
</html>

   at Microsoft.FluentUI.AspNetCore.Components.Tests.Verify.FluentAssert.Verify[T](IRenderedComponent`1 actual, Func`2 received, String filename, String memberName, String suffix) in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Verify/FluentAssert.cs:line 134
   at Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests.FluentListbox_OptionFunctions() in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Components/List/FluentListboxTests.razor:line 99
   at System.RuntimeMethodHandle.InvokeMethod(Object target, Void** arguments, Signature sig, Boolean isConstructor)
   at System.Reflection.MethodBaseInvoker.InvokeWithNoArgs(Object obj, BindingFlags invokeAttr)

Check failure on line 134 in tests/Core/Verify/FluentAssert.cs

See this annotation in the file changed.

@github-actions github-actions / Core Tests

Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentSelectTests ► FluentSelect_GetOptionValue_DefaultWhenTypesAreDifferent 

Failed test found in:
  TestResults/_runnervmrg6be_2026-03-31_16_32_12.trx
Error:
  Bunit.HtmlEqualException : HTML comparison failed. 
  
  The following errors were found:
    1: The element at html(0) > body(1) > fluent-field(0) > fluent-text(3) is missing.
  
  Actual HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above">
        <fluent-dropdown id="xxx" slot="input" type="dropdown"  >
          <fluent-listbox>
            <fluent-option id="xxx" text="Person { Id = 1, Name = Alice }" value="0" selected="">Person { Id = 1, Name = Alice }</fluent-option>
            <fluent-option id="xxx" text="Person { Id = 2, Name = Bob }" value="0" selected="">Person { Id = 2, Name = Bob }</fluent-option>
          </fluent-listbox>
        </fluent-dropdown>
      </fluent-field>
    </body>
  </html>
  
  Expected HTML: <html>
    <head></head>
    <body>
      <fluent-field id="xxx" label-position="above">
        <fluent-dropdown id="xxx" slot="input" type="dropdown"  >
          <fluent-listbox>
            <fluent-option id="xxx" text="Person { Id = 1, Name = Alice }" value="0" selected="">Person { Id = 1, Name = Alice }</fluent-option>
            <fluent-option id="xxx" text="Person { Id = 2, Name = Bob }" value="0" selected="">Person { Id = 2, Name = Bob }</fluent-option>
          </fluent-listbox>
        </fluent-dropdown>
        <fluent-text as="span" size="200" slot="message"></fluent-text>
      </fluent-field>
    </body>
  </html>
Raw output 
Bunit.HtmlEqualException : HTML comparison failed. 

The following errors were found:
  1: The element at html(0) > body(1) > fluent-field(0) > fluent-text(3) is missing.

Actual HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above">
      <fluent-dropdown id="xxx" slot="input" type="dropdown"  >
        <fluent-listbox>
          <fluent-option id="xxx" text="Person { Id = 1, Name = Alice }" value="0" selected="">Person { Id = 1, Name = Alice }</fluent-option>
          <fluent-option id="xxx" text="Person { Id = 2, Name = Bob }" value="0" selected="">Person { Id = 2, Name = Bob }</fluent-option>
        </fluent-listbox>
      </fluent-dropdown>
    </fluent-field>
  </body>
</html>

Expected HTML: <html>
  <head></head>
  <body>
    <fluent-field id="xxx" label-position="above">
      <fluent-dropdown id="xxx" slot="input" type="dropdown"  >
        <fluent-listbox>
          <fluent-option id="xxx" text="Person { Id = 1, Name = Alice }" value="0" selected="">Person { Id = 1, Name = Alice }</fluent-option>
          <fluent-option id="xxx" text="Person { Id = 2, Name = Bob }" value="0" selected="">Person { Id = 2, Name = Bob }</fluent-option>
        </fluent-listbox>
      </fluent-dropdown>
      <fluent-text as="span" size="200" slot="message"></fluent-text>
    </fluent-field>
  </body>
</html>

   at Microsoft.FluentUI.AspNetCore.Components.Tests.Verify.FluentAssert.Verify[T](IRenderedComponent`1 actual, Func`2 received, String filename, String memberName, String suffix) in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Verify/FluentAssert.cs:line 134
   at Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentSelectTests.FluentSelect_GetOptionValue_DefaultWhenTypesAreDifferent() in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Components/List/FluentSelectTests.razor:line 436
   at System.RuntimeMethodHandle.InvokeMethod(Object target, Void** arguments, Signature sig, Boolean isConstructor)
   at System.Reflection.MethodBaseInvoker.InvokeWithNoArgs(Object obj, BindingFlags invokeAttr)
View more details on GitHub Actions