Skip to content

DRAFT [dev-v5] ColorPicker #4712

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
dvoituron wants to merge 20 commits into
base: dev-v5
Choose a base branch
from

Refactor FluentColorPicker example to improve layout and remove unuse…

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

DRAFT [dev-v5] ColorPicker #4712

Refactor FluentColorPicker example to improve layout and remove unuse…
19960a4
Select commit
Loading
Failed to load commit list.
GitHub Actions / Core Tests succeeded Apr 17, 2026 in 1s

3341 passed, 1 failed and 0 skipped

Tests failed

❌ TestResults/_runnervmeorf1_2026-04-17_17_08_13.trx

3342 tests were completed in 25s with 3341 passed, 1 failed and 0 skipped.

Test suite Passed Failed Skipped Time
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Accordion.FluentAccordionItemTests 29✅ 74ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Accordion.FluentAccordionTests 28✅ 67ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.AppBar.FluentAppBarItemTests 8✅ 52ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.AppBar.FluentAppBarTests 23✅ 167ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Avatar.FluentAvatarTests 77✅ 167ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Badge.FluentBadgeTests 64✅ 172ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Badge.FluentCounterBadgeTests 76✅ 166ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Badge.FluentPresenceBadgeTests 81✅ 206ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Base.CachedServicesTests 4✅ 6ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Base.ComponentBaseTests 12✅ 428ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Base.InputBaseTests 13✅ 249ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Button.FluentAnchorButtonTests 31✅ 83ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Button.FluentButtonTests 81✅ 229ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Button.FluentCompoundButtonTests 39✅ 112ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Button.FluentMenuButtonTests 3✅ 556ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Button.FluentSplitButtonTests 16✅ 67ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Button.FluentToggleButtonTests 15✅ 56ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Card.FluentCardTests 18✅ 42ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Checkbox.FluentCheckboxTests 39✅ 144ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.ColorPicker.ColorHelperTests 9✅ 3ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.ColorPicker.FluentColorPickerTests 5✅ 1❌ 94ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.ColumnKeyGridSortTests 1✅ 3ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.ColumnResizeOptionsTests 1✅ 2ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.FluentDataGridCellTests 9✅ 54ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.FluentDataGridIsFixedTests 6✅ 455ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.FluentDataGridPinnedColumnTests 12✅ 96ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.FluentDataGridRowTests 18✅ 149ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.FluentDataGridSortByTests 4✅ 127ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.FluentDataGridTests 117✅ 1s
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.GridSortTests 25✅ 49ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.HierarchicalGridItemTests 13✅ 6ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.HierarchicalGridUtilitiesTests 9✅ 8ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.HierarchicalSelectColumnTests 26✅ 110ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.PropertyColumnFormatterTests 4✅ 38ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DataGrid.SelectColumnTests 45✅ 557ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.FluentCalendarTests 137✅ 1s
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.FluentDatePickerTests 65✅ 401ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.FluentTimePickerTests 45✅ 218ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.CalendarExtendedTests 26✅ 16ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.CalendarTitlesTests 25✅ 68ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.CalendarTValueTests 74✅ 26ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.FluentCalendarDayTests 14✅ 46ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.FluentCalendarMonthTests 11✅ 37ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.FluentCalendarYearTests 9✅ 28ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.DateTimes.Utilities.RangeOfDatesTests 46✅ 15ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Dialog.FluentDialogBodyTests 4✅ 21ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Dialog.FluentDialogTests 43✅ 1s
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Dialog.FluentDrawerTests 13✅ 63ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Dialog.FluentMessageBoxTests 11✅ 90ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Divider.FluentDividerTests 16✅ 37ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Drag.FluentDragTests 9✅ 51ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Emojis.CustomEmojiTests 2✅ 12ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Emojis.EmojiExtensionsTests 3✅ 8ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Emojis.FluentEmojiTests 25✅ 257ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.ErrorBoundary.FluentErrorBoundaryTests 13✅ 43ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Field.FluentFieldConditionTests 23✅ 38ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Field.FluentFieldParameterSelectorTests 94✅ 211ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Field.FluentFieldTests 36✅ 127ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Forms.FluentValidationSummaryTests 3✅ 23ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Grid.FluentGridTests 40✅ 108ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Highlighter.FluentHighlighterTests 6✅ 16ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Icons.CustomIconTests 2✅ 7ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Icons.FluentIconTests 33✅ 92ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Icons.IconsExtensionsTests 5✅ 6ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Image.FluentImageTests 16✅ 47ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.InputFile.FluentInputFileDialogServiceTests 7✅ 87ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.InputFile.FluentInputFileTests 29✅ 75ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.KeyCode.FluentKeyCodeTests 17✅ 50ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Label.FluentLabelTests 16✅ 46ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Layout.FluentLayoutTests 16✅ 78ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Link.FluentLinkTests 39✅ 97ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentAutocompleteTests 37✅ 351ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentComboboxTests 30✅ 199ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentListboxTests 31✅ 160ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentOptionTests 6✅ 23ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.List.FluentSelectTests 40✅ 248ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Menu.FluentMenuItemTests 30✅ 99ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Menu.FluentMenuListTests 4✅ 12ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Menu.FluentMenuTests 5✅ 25ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.MessageBar.FluentMessageBarTests 24✅ 118ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Nav.FluentNavCategoryTests 31✅ 342ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Nav.FluentNavItemTests 36✅ 246ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Nav.FluentNavSectionHeaderTests 3✅ 6ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Nav.FluentNavTests 28✅ 341ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Number.FluentNumberCultureInfoTests 9✅ 3ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Number.FluentNumberTests 60✅ 490ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Overflow.FluentOverflowTests 14✅ 65ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Overlay.FluentOverlayTests 24✅ 72ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Paginator.FluentPaginatorTests 19✅ 127ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Paginator.PaginationStateTests 2✅ 13ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Paginator.TotalItemCountChangedEventArgsTests 2✅ 1ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Popover.FluentPopoverTests 9✅ 23ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Progress.FluentProgressBarTests 33✅ 69ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Progress.FluentSpinnerTests 19✅ 39ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.PullToRefresh.FluentPullToRefreshTests 27✅ 150ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Radio.FluentRadioGroupTests 19✅ 118ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Radio.FluentRadioTests 12✅ 51ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.RatingDisplay.FluentRatingDisplayTests 16✅ 38ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Skeleton.FluentSkeletonTests 34✅ 55ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Slider.FluentSliderTests 26✅ 191ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.SortableList.FluentSortableListTests 10✅ 55ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Spacer.FluentSpacerTests 5✅ 21ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Splitter.FluentMultiSplitterTests 21✅ 118ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Stack.FluentStackTests 42✅ 82ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Switch.FluentSwitchTests 15✅ 93ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Tabs.FluentTabsTests 33✅ 134ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Text.FluentTextTests 55✅ 141ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TextArea.FluentTextArea_KeyPress 3✅ 2ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TextArea.FluentTextAreaTests 25✅ 75ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TextInput.FluentTextInputTests 38✅ 115ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Toast.FluentToastProviderTests 6✅ 31ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Toast.FluentToastTests 47✅ 244ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Toast.ToastInstanceTests 15✅ 17ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.Tooltip.FluentTooltipTests 38✅ 119ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TreeView.FluentTreeItemTests 17✅ 68ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TreeView.FluentTreeMultipleTests 6✅ 39ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TreeView.FluentTreeViewItemsTests 15✅ 62ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Components.TreeView.FluentTreeViewTests 16✅ 48ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Extensions.AdditionalAttributesExtensionsTests 13✅ 4ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Extensions.DateTimeExtensionsTests 33✅ 20ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Extensions.DisplayAttributeExtensionTests 6✅ 21ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Extensions.EnumExtensionsTests 10✅ 3ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Extensions.FluentInputExtensionsTests 11✅ 6ms
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✅ 9ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Migration.AppearanceExtensionsTests 17✅ 8ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Themes.ThemeServiceTests 26✅ 25ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Themes.ThemeTests 4✅ 83ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.AddTagTests 11✅ 18ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.CssBuilderTests 21✅ 8ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.DateTimeProviderTests 11✅ 5ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.DebounceTests 9✅ 325ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.IdentifierTests 8✅ 4ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.InlineStyleBuilderTests 9✅ 6ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.MarkupStringSanitizedTests 98✅ 28ms
Microsoft.FluentUI.AspNetCore.Components.Tests.Utilities.StyleBuilderTests 11✅ 4ms

❌ Microsoft.FluentUI.AspNetCore.Components.Tests.Components.ColorPicker.FluentColorPickerTests

✅ FluentColorPicker_Default
✅ FluentColorPicker_FindClosestColor_Disabled_NoHighlightForNonPaletteColor
✅ FluentColorPicker_FindClosestColor_Enabled_HighlightsClosest
✅ FluentColorPicker_FindClosestColor_ExactMatch_StillWorks
✅ FluentColorPicker_SelectedColor_ExactMatch_Highlighted
❌ FluentColorPicker_SelectedColor_NotInPalette_NoHighlight
	Assert.Empty() Failure: Collection was not empty
	Collection: [HtmlDivElement { AccessKey = "", AccessKeyLabel = "", AssignedSlot = null, BaseUri = "about:blank", BaseUrl = about:blank, ··· }]

Annotations

Check failure on line 41 in tests/Core/Components/ColorPicker/FluentColorPickerTests.razor

See this annotation in the file changed.

@github-actions github-actions / Core Tests

Microsoft.FluentUI.AspNetCore.Components.Tests.Components.ColorPicker.FluentColorPickerTests ► FluentColorPicker_SelectedColor_NotInPalette_NoHighlight 

Failed test found in:
  TestResults/_runnervmeorf1_2026-04-17_17_08_13.trx
Error:
  Assert.Empty() Failure: Collection was not empty
  Collection: [HtmlDivElement { AccessKey = "", AccessKeyLabel = "", AssignedSlot = null, BaseUri = "about:blank", BaseUrl = about:blank, ··· }]
Raw output 
Assert.Empty() Failure: Collection was not empty
Collection: [HtmlDivElement { AccessKey = "", AccessKeyLabel = "", AssignedSlot = null, BaseUri = "about:blank", BaseUrl = about:blank, ··· }]
   at Microsoft.FluentUI.AspNetCore.Components.Tests.Components.ColorPicker.FluentColorPickerTests.FluentColorPicker_SelectedColor_NotInPalette_NoHighlight() in /home/runner/work/fluentui-blazor/fluentui-blazor/tests/Core/Components/ColorPicker/FluentColorPickerTests.razor:line 41
   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