[CounterBadge] Add support for additional attributes (#3542)

Author: adamint

src/Core/Components/CounterBadge/FluentCounterBadge.razor

@@ -4,7 +4,7 @@
     #pragma warning disable 612, 618
 }
 
-<div class="fluentui-counterbadge-container">
+<div class="fluentui-counterbadge-container" @attributes="@AdditionalAttributes">
     @ChildContent
 
     @if (Dot)

tests/Core/CounterBadge/FluentCounterBadgeTests.FluentCounterBadge_WithAdditionalAttributes.verified.html

@@ -0,0 +1,4 @@
+
+<div class="fluentui-counterbadge-container" data-test="test" b-vccc04ff9a="">
+  <div class="fluentui-counterbadge" style="left: 60%; bottom: 60%; background-color: var(--accent-fill-rest); color: var(--neutral-fill-rest); border: 1px solid var(--accent-fill-rest);" title="1" b-vccc04ff9a="">1</div>
+</div>

tests/Core/CounterBadge/FluentCounterBadgeTests.cs

@@ -452,4 +452,21 @@ public void FluentCounterBadge_WithPositioning()
         // Assert
         cut.Verify();
     }
+
+    [Fact]
+    public void FluentCounterBadge_WithAdditionalAttributes()
+    {
+        // Arrange && Act
+        var cut = TestContext.RenderComponent<FluentCounterBadge>(parameters =>
+        {
+            parameters.Add(p => p.Count, 1);
+            parameters.Add(p => p.AdditionalAttributes, new Dictionary<string, object>
+            {
+                { "data-test", "test" },
+            });
+        });
+
+        // Assert
+        cut.Verify();
+    }
 }