From 6c34b4fe28a5bed9e646ecf29d9cc386c42e8ff1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Fri, 24 May 2024 21:40:35 +0300
Subject: [PATCH 01/25] chore: Update GetSelectedRows parameter name in
 AGGrid.razor.cs

---
 SiemensIXBlazor/Components/AGGrid/AGGrid.razor.cs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/SiemensIXBlazor/Components/AGGrid/AGGrid.razor.cs b/SiemensIXBlazor/Components/AGGrid/AGGrid.razor.cs
index b9564f5..a8bf2f5 100644
--- a/SiemensIXBlazor/Components/AGGrid/AGGrid.razor.cs
+++ b/SiemensIXBlazor/Components/AGGrid/AGGrid.razor.cs
@@ -35,9 +35,9 @@ public partial class AGGrid
             return await JSRuntime.InvokeAsync<IJSObjectReference?>("agGridInterop.createGrid", dotNetHelper, Id, JsonConvert.SerializeObject(options));
         }
 
-        public async Task<object?> GetSelectedRows(IJSObjectReference gird)
+        public async Task<object?> GetSelectedRows(IJSObjectReference grid)
         {
-            return await JSRuntime.InvokeAsync<Object>("agGridInterop.getSelectedRows", gird);
+            return await JSRuntime.InvokeAsync<object>("agGridInterop.getSelectedRows", grid);
             
         }
 

From 0bbf6891575e57a939b1a0b21024cf409f7ec9fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Fri, 24 May 2024 21:40:45 +0300
Subject: [PATCH 02/25] chore: Add unit tests for ActionCard component

---
 SiemensIXBlazor.Tests/ActionCardTests.cs | 69 ++++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/ActionCardTests.cs

diff --git a/SiemensIXBlazor.Tests/ActionCardTests.cs b/SiemensIXBlazor.Tests/ActionCardTests.cs
new file mode 100644
index 0000000..3f2edf6
--- /dev/null
+++ b/SiemensIXBlazor.Tests/ActionCardTests.cs
@@ -0,0 +1,69 @@
+using Bunit;
+using SiemensIXBlazor.Components;
+using SiemensIXBlazor.Enums.PushCard;
+
+namespace SiemensIXBlazor.Tests 
+{
+    public class ActionCardTests: TestContextBase
+    {
+        [Fact]
+        public void ComponentRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<ActionCard>();
+
+            // Assert
+            cut.MarkupMatches("<ix-action-card variant='insight'></ix-action-card>");
+        }
+
+        [Fact]
+        public void IconPropertyIsSetCorrectly()
+        {
+            // Arrange
+            var cut = RenderComponent<ActionCard>(parameters => parameters.Add(p => p.Icon, "testIcon"));
+
+            // Assert
+            Assert.Equal("testIcon", cut.Instance.Icon);
+        }
+
+        [Fact]
+        public void HeadingPropertyIsSetCorrectly()
+        {
+            // Arrange
+            var cut = RenderComponent<ActionCard>(parameters => parameters.Add(p => p.Heading, "testHeading"));
+
+            // Assert
+            Assert.Equal("testHeading", cut.Instance.Heading);
+        }
+
+        [Fact]
+        public void SubHeadingPropertyIsSetCorrectly()
+        {
+            // Arrange
+            var cut = RenderComponent<ActionCard>(parameters => parameters.Add(p => p.SubHeading, "testSubHeading"));
+
+            // Assert
+            Assert.Equal("testSubHeading", cut.Instance.SubHeading);
+        }
+
+        [Fact]
+        public void SelectedPropertyIsSetCorrectly()
+        {
+            // Arrange
+            var cut = RenderComponent<ActionCard>(parameters => parameters.Add(p => p.Selected, true));
+
+            // Assert
+            Assert.True(cut.Instance.Selected);
+        }
+
+        [Fact]
+        public void VariantPropertyIsSetCorrectly()
+        {
+            // Arrange
+            var cut = RenderComponent<ActionCard>(parameters => parameters.Add(p => p.Variant, PushCardVariant.insight));
+
+            // Assert
+            Assert.Equal(PushCardVariant.insight, cut.Instance.Variant);
+        }
+    }
+}
\ No newline at end of file

From bad88f83eb28259eaf4bd4bf5f5a9a2e7ced673f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Fri, 24 May 2024 21:40:57 +0300
Subject: [PATCH 03/25] chore: Rename BlindTest.cs to BlindTests.cs

---
 .../{BlindTest.cs => BlindTests.cs}           | 21 +------------------
 1 file changed, 1 insertion(+), 20 deletions(-)
 rename SiemensIXBlazor.Tests/{BlindTest.cs => BlindTests.cs} (69%)

diff --git a/SiemensIXBlazor.Tests/BlindTest.cs b/SiemensIXBlazor.Tests/BlindTests.cs
similarity index 69%
rename from SiemensIXBlazor.Tests/BlindTest.cs
rename to SiemensIXBlazor.Tests/BlindTests.cs
index dd8dbef..b3410cd 100644
--- a/SiemensIXBlazor.Tests/BlindTest.cs
+++ b/SiemensIXBlazor.Tests/BlindTests.cs
@@ -2,28 +2,11 @@
 using SiemensIXBlazor.Enums.Blind;
 using Bunit;
 using Microsoft.AspNetCore.Components;
-using Microsoft.JSInterop;
-using Moq;
-using Microsoft.Extensions.DependencyInjection;
 
 namespace SiemensIXBlazor.Tests
 {
-    public class BlindTest: TestContext
+    public class BlindTests: TestContextBase
     {
-        private readonly Mock<IJSRuntime> _jsRuntimeMock;
-        private readonly Mock<IJSObjectReference> _jsObjectReferenceMock;
-
-        public BlindTest()
-        {
-            _jsRuntimeMock = new Mock<IJSRuntime>();
-            _jsObjectReferenceMock = new Mock<IJSObjectReference>();
-
-            // Mock of module import for JSRuntime
-            _jsRuntimeMock.Setup(x => x.InvokeAsync<IJSObjectReference>("import", It.IsAny<object[]>()))
-                          .Returns(new ValueTask<IJSObjectReference>(_jsObjectReferenceMock.Object));
-            Services.AddSingleton(_jsRuntimeMock.Object);
-        }
-
         [Fact]
         public void ComponentRendersWithoutCrashing()
         {
@@ -79,8 +62,6 @@ public void CollapsedChangedEventTriggeredCorrectly()
         {
             // Arrange
             var eventTriggered = false;
-            _jsRuntimeMock.Setup(x => x.InvokeAsync<bool>(It.IsAny<string>(), It.IsAny<object[]>()))
-                          .Returns(new ValueTask<bool>(true));
             var cut = RenderComponent<Blind>(parameters => parameters.Add(p => p.CollapsedChangedEvent, EventCallback.Factory.Create<bool>(this, () => eventTriggered = true)));
 
             // Act

From 7ddcc441efca33a8c40cc20f585a5fe0a46d02f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Fri, 24 May 2024 21:41:10 +0300
Subject: [PATCH 04/25] chore: Refactor AboutMenuItemTest to use
 TestContextBase

---
 .../About/AboutMenuItemTest.cs                | 20 +------------------
 1 file changed, 1 insertion(+), 19 deletions(-)

diff --git a/SiemensIXBlazor.Tests/About/AboutMenuItemTest.cs b/SiemensIXBlazor.Tests/About/AboutMenuItemTest.cs
index 4b53b9d..51db3e9 100644
--- a/SiemensIXBlazor.Tests/About/AboutMenuItemTest.cs
+++ b/SiemensIXBlazor.Tests/About/AboutMenuItemTest.cs
@@ -1,29 +1,11 @@
 using Bunit;
 using Microsoft.AspNetCore.Components;
-using Microsoft.Extensions.DependencyInjection;
-using Microsoft.JSInterop;
-using Moq;
 using SiemensIXBlazor.Components.About;
 
 namespace SiemensIXBlazor.Tests.About
 {
-    public class AboutMenuItemTest: TestContext
+    public class AboutMenuItemTest: TestContextBase
     {
-        private readonly Mock<IJSRuntime> _jsRuntimeMock;
-        private readonly Mock<IJSObjectReference> _jsObjectReferenceMock;
-
-        public AboutMenuItemTest()
-        {
-            _jsRuntimeMock = new Mock<IJSRuntime>();
-            _jsObjectReferenceMock = new Mock<IJSObjectReference>();
-
-            // Mock of module import for JSRuntime
-            _jsRuntimeMock.Setup(x => x.InvokeAsync<IJSObjectReference>("import", It.IsAny<object[]>()))
-                          .Returns(new ValueTask<IJSObjectReference>(_jsObjectReferenceMock.Object));
-            Services.AddSingleton(_jsRuntimeMock.Object);
-        }
-
-
         [Fact]
         public void ComponentRendersWithoutCrashing()
         {

From 2078bd1dd84bfc82187293960368ea0b120ece3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Fri, 24 May 2024 21:41:16 +0300
Subject: [PATCH 05/25] Refactor AboutMenuNewsTest to use TestContextBase

---
 .../About/AboutMenuNewsTest.cs                | 20 +------------------
 1 file changed, 1 insertion(+), 19 deletions(-)

diff --git a/SiemensIXBlazor.Tests/About/AboutMenuNewsTest.cs b/SiemensIXBlazor.Tests/About/AboutMenuNewsTest.cs
index 258e867..81ce005 100644
--- a/SiemensIXBlazor.Tests/About/AboutMenuNewsTest.cs
+++ b/SiemensIXBlazor.Tests/About/AboutMenuNewsTest.cs
@@ -1,30 +1,12 @@
 using Bunit;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
-using Microsoft.Extensions.DependencyInjection;
-using Microsoft.JSInterop;
-using Moq;
 using SiemensIXBlazor.Components.About;
 
 namespace SiemensIXBlazor.Tests.About
 {
-    public class AboutMenuNewsTest: TestContext
+    public class AboutMenuNewsTest: TestContextBase
     {
-        private readonly Mock<IJSRuntime> _jsRuntimeMock;
-        private readonly Mock<IJSObjectReference> _jsObjectReferenceMock;
-
-        public AboutMenuNewsTest()
-        {
-            _jsRuntimeMock = new Mock<IJSRuntime>();
-            _jsObjectReferenceMock = new Mock<IJSObjectReference>();
-
-            // Mock of module import for JSRuntime
-            _jsRuntimeMock.Setup(x => x.InvokeAsync<IJSObjectReference>("import", It.IsAny<object[]>()))
-                          .Returns(new ValueTask<IJSObjectReference>(_jsObjectReferenceMock.Object));
-            Services.AddSingleton(_jsRuntimeMock.Object);
-        }
-
-
         [Fact]
         public void ComponentRendersWithoutCrashing()
         {

From cfb2890bcd717a474fbed40d423e1ecfb8de67d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Fri, 24 May 2024 21:41:22 +0300
Subject: [PATCH 06/25] chore: Refactor AboutMenuTest to use TestContextBase

---
 SiemensIXBlazor.Tests/About/AboutMenuTest.cs | 20 +-------------------
 1 file changed, 1 insertion(+), 19 deletions(-)

diff --git a/SiemensIXBlazor.Tests/About/AboutMenuTest.cs b/SiemensIXBlazor.Tests/About/AboutMenuTest.cs
index c016417..e7209fa 100644
--- a/SiemensIXBlazor.Tests/About/AboutMenuTest.cs
+++ b/SiemensIXBlazor.Tests/About/AboutMenuTest.cs
@@ -1,30 +1,12 @@
 using Bunit;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
-using Microsoft.Extensions.DependencyInjection;
-using Microsoft.JSInterop;
-using Moq;
 using SiemensIXBlazor.Components.About;
 
 namespace SiemensIXBlazor.Tests.About
 {
-    public class AboutMenuTest: TestContext
+    public class AboutMenuTest: TestContextBase
     {
-        private readonly Mock<IJSRuntime> _jsRuntimeMock;
-        private readonly Mock<IJSObjectReference> _jsObjectReferenceMock;
-
-        public AboutMenuTest()
-        {
-            _jsRuntimeMock = new Mock<IJSRuntime>();
-            _jsObjectReferenceMock = new Mock<IJSObjectReference>();
-
-            // Mock of module import for JSRuntime
-            _jsRuntimeMock.Setup(x => x.InvokeAsync<IJSObjectReference>("import", It.IsAny<object[]>()))
-                          .Returns(new ValueTask<IJSObjectReference>(_jsObjectReferenceMock.Object));
-            Services.AddSingleton(_jsRuntimeMock.Object);
-        }
-
-
         [Fact]
         public void ComponentRendersWithoutCrashing()
         {

From ad41b445c0c84d8cc8f246b8351b7a29eb704c2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Fri, 24 May 2024 21:41:26 +0300
Subject: [PATCH 07/25] chore: Add unit tests for AGGrid component

---
 SiemensIXBlazor.Tests/AGGrid/AGGridTests.cs | 103 ++++++++++++++++++++
 1 file changed, 103 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/AGGrid/AGGridTests.cs

diff --git a/SiemensIXBlazor.Tests/AGGrid/AGGridTests.cs b/SiemensIXBlazor.Tests/AGGrid/AGGridTests.cs
new file mode 100644
index 0000000..fd8e435
--- /dev/null
+++ b/SiemensIXBlazor.Tests/AGGrid/AGGridTests.cs
@@ -0,0 +1,103 @@
+using System.Diagnostics;
+using Bunit;
+using Microsoft.AspNetCore.Components;
+using Microsoft.Extensions.DependencyInjection;
+using Microsoft.JSInterop;
+using Moq;
+using SiemensIXBlazor.Components.AGGrid;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class AGGridTests : TestContextBase
+    {
+        [Fact]
+        public void ComponentRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<AGGrid>();
+
+            // Assert
+            cut.MarkupMatches("<div id=''></div>");
+        }
+
+        [Fact]
+        public void OnCellClickedPropertyIsSetCorrectly()
+        {
+            // Arrange
+            var eventTriggered = false;
+            var cut = RenderComponent<AGGrid>(parameters => parameters.Add(p => p.OnCellClicked, EventCallback.Factory.Create(this, () => eventTriggered = true)));
+
+            // Act
+            cut.Instance.OnCellClicked.InvokeAsync(true);
+
+            //Assert
+            Assert.True(eventTriggered);
+        }
+
+        [Fact]
+        public void IdPropertyIsSetCorrectly()
+        {
+            // Arrange
+            var cut = RenderComponent<AGGrid>(parameters => parameters.Add(p => p.Id, "testId"));
+
+            // Assert
+            Assert.Equal("testId", cut.Instance.Id);
+        }
+
+        [Fact]
+        public async Task CreateGrid_ReturnsNull_WhenIdIsEmpty()
+        {
+            // Arrange
+            var grid = new AGGrid();
+
+            // Act
+            var result = await grid.CreateGrid(new GridOptions());
+
+            // Assert
+            Assert.Null(result);
+        }
+
+        [Fact]
+        public async Task CreateGrid_ReturnsJSObjectReference_WhenIdIsNotEmpty()
+        {
+            // Arrange
+            var gridOptions = new GridOptions();
+            Mock<IJSRuntime> jsRuntimeMock = new();
+            Mock<IJSObjectReference> jsObjectReferenceMock = new();
+
+            // Mock of module import for JSRuntime
+            jsRuntimeMock.Setup(x => x.InvokeAsync<IJSObjectReference>("agGridInterop.createGrid", It.IsAny<object[]>()))
+                .Returns(new ValueTask<IJSObjectReference>(jsObjectReferenceMock.Object));
+            Services.AddSingleton(jsRuntimeMock.Object);
+
+            var cut = RenderComponent<AGGrid>(parameters => parameters.Add(p => p.Id, "testId"));
+
+            // Act
+            var result = await cut.Instance.CreateGrid(gridOptions);
+
+            // Assert
+            Assert.NotNull(result);
+            jsRuntimeMock.Verify(x => x.InvokeAsync<object>("agGridInterop.createGrid", It.IsAny<object[]>()), Times.Once);
+        }
+
+        [Fact]
+        public async Task GetSelectedRows_ReturnsObject()
+        {
+            // Arrange
+            var jsRuntimeMock = new Mock<IJSRuntime>();
+            Services.AddSingleton(jsRuntimeMock.Object);
+            var cut = RenderComponent<AGGrid>(parameters => parameters.Add(p => p.Id, "testId"));
+            var jsObjectReferenceMock = new Mock<IJSObjectReference>();
+            jsRuntimeMock.Setup(x => x.InvokeAsync<object>("agGridInterop.getSelectedRows", It.IsAny<object[]>()))
+                .ReturnsAsync(new object());
+            
+
+            // Act
+            var result = await cut.Instance.GetSelectedRows(jsObjectReferenceMock.Object);
+
+            // Assert
+            Assert.NotNull(result);
+            jsRuntimeMock.Verify(x => x.InvokeAsync<object>("agGridInterop.getSelectedRows", It.IsAny<object[]>()), Times.Once);
+        }
+    }
+}
\ No newline at end of file

From 4479f7d2d2633cf6ba469ddbb46c875eda707f2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Fri, 24 May 2024 22:08:13 +0300
Subject: [PATCH 08/25] chore: Update breakpoints serialization in
 Application.razor

---
 SiemensIXBlazor/Components/Application/Application.razor | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/SiemensIXBlazor/Components/Application/Application.razor b/SiemensIXBlazor/Components/Application/Application.razor
index 9b11b49..58fb201 100644
--- a/SiemensIXBlazor/Components/Application/Application.razor
+++ b/SiemensIXBlazor/Components/Application/Application.razor
@@ -11,11 +11,12 @@
 @namespace SiemensIXBlazor.Components
 @inherits IXBaseComponent
 @using Microsoft.JSInterop
+@using System.Text.Json
 @inject IJSRuntime JSRuntime
 
 <ix-application class="@Class" style="@Style" @attributes="UserAttributes" 
     id="@Id" 
-    breakpoints="@Breakpoints" 
+    breakpoints="@(JsonSerializer.Serialize(Breakpoints).Replace('"', '\''))" 
     force-breakpoint="@ForceBreakpoint" 
     theme="@Theme" 
     theme-system-appearance="@ThemeSystemAppearance">

From b554881a76713cbd1936bd73a212a8fb8ec0c0c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Fri, 24 May 2024 22:08:19 +0300
Subject: [PATCH 09/25] chore: Add unit tests for Application component

---
 SiemensIXBlazor.Tests/ApplicationTests.cs | 40 +++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/ApplicationTests.cs

diff --git a/SiemensIXBlazor.Tests/ApplicationTests.cs b/SiemensIXBlazor.Tests/ApplicationTests.cs
new file mode 100644
index 0000000..4abd085
--- /dev/null
+++ b/SiemensIXBlazor.Tests/ApplicationTests.cs
@@ -0,0 +1,40 @@
+using Bunit;
+using SiemensIXBlazor.Components;
+using SiemensIXBlazor.Objects.Application;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class ApplicationTests : TestContextBase
+    {
+        [Fact]
+        public void ApplicationRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<Application>(parameters => {
+                parameters.Add(p => p.Id, "testId");
+                parameters.Add(p => p.Breakpoints, ["sm", "md", "lg"]);
+                parameters.Add(p => p.ForceBreakpoint, Enums.ForceBreakpoint.lg);
+                parameters.Add(p => p.Theme, "testTheme");
+                parameters.Add(p => p.ThemeSystemAppearance, true);
+            });
+
+            // Assert
+            cut.MarkupMatches("<ix-application id='testId' breakpoints=\"['sm','md','lg']\" force-breakpoint='lg' theme='testTheme' theme-system-appearance=''></ix-application>");
+        }
+
+        [Fact]
+        public void AppSwitchConfig_SetsValueAndCallsInitialParameter()
+        {
+            // Arrange
+            var cut = RenderComponent<Application>();
+            var config = new AppSwitchConfig();
+
+            // Act
+            cut.Instance.AppSwitchConfig = config;
+
+            // Assert
+            Assert.Equal(config, cut.Instance.AppSwitchConfig);
+        }
+        
+    }
+}
\ No newline at end of file

From 477f5be7e47ce3586bd5050ffd26b940a6cd5994 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Sat, 25 May 2024 17:08:04 +0300
Subject: [PATCH 10/25] chore: Add unit tests for ApplicationHeader component

---
 .../ApplicationHeaderTests.cs                 | 37 +++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/ApplicationHeaderTests.cs

diff --git a/SiemensIXBlazor.Tests/ApplicationHeaderTests.cs b/SiemensIXBlazor.Tests/ApplicationHeaderTests.cs
new file mode 100644
index 0000000..8d3ccdb
--- /dev/null
+++ b/SiemensIXBlazor.Tests/ApplicationHeaderTests.cs
@@ -0,0 +1,37 @@
+using Bunit;
+using SiemensIXBlazor.Components;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class ApplicationHeaderTests : TestContextBase
+    {
+        [Fact]
+        public void ApplicationRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<ApplicationHeader>(parameters => {
+                parameters.Add(p => p.Name, "testName");
+            });
+
+            // Assert
+            cut.MarkupMatches("<ix-application-header name='testName'></ix-application-header>");
+        }
+
+        [Fact]
+        public void ApplicationHeaderRendersChildContent()
+        {
+            // Arrange
+            var expectedContent = "Expected content";
+
+            // Act
+            var cut = RenderComponent<ApplicationHeader>(parameters => parameters
+                .Add(p => p.ChildContent, builder => 
+                {
+                    builder.AddContent(0, expectedContent);
+                }));
+
+            // Assert
+            Assert.Contains(expectedContent, cut.Markup);
+        }
+    }
+}
\ No newline at end of file

From e7fb02bc10f0fbbc18528832a3c7840518feb06b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Sat, 25 May 2024 17:09:53 +0300
Subject: [PATCH 11/25] test: Add unit test for Avatar component

---
 SiemensIXBlazor.Tests/AvatarTests.cs | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/AvatarTests.cs

diff --git a/SiemensIXBlazor.Tests/AvatarTests.cs b/SiemensIXBlazor.Tests/AvatarTests.cs
new file mode 100644
index 0000000..3c3be0c
--- /dev/null
+++ b/SiemensIXBlazor.Tests/AvatarTests.cs
@@ -0,0 +1,21 @@
+using Bunit;
+using SiemensIXBlazor.Components.Avatar;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class AvatarTests : TestContextBase
+    {
+        [Fact]
+        public void AvatarRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<Avatar>(parameters => {
+                parameters.Add(p => p.Image, "testImage");
+                parameters.Add(p => p.Initials, "testInitials");
+            });
+        
+            // Assert
+            cut.MarkupMatches("<ix-avatar image='testImage' initials='testInitials'></ix-avatar>");
+        }
+    }
+}
\ No newline at end of file

From 8f90cbe9d83572cc91d9669b159c29729b4583d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Sat, 25 May 2024 17:23:38 +0300
Subject: [PATCH 12/25] test: Add unit test for BasicNavigation component

---
 SiemensIXBlazor.Tests/BasicNavigationTests.cs | 40 +++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/BasicNavigationTests.cs

diff --git a/SiemensIXBlazor.Tests/BasicNavigationTests.cs b/SiemensIXBlazor.Tests/BasicNavigationTests.cs
new file mode 100644
index 0000000..b508922
--- /dev/null
+++ b/SiemensIXBlazor.Tests/BasicNavigationTests.cs
@@ -0,0 +1,40 @@
+using Bunit;
+using SiemensIXBlazor.Components.BasicNavigation;
+using SiemensIXBlazor.Enums.BasicNavigation;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class BasicNavigationTests : TestContextBase
+    {
+        [Fact]
+        public void BasicNavigationRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<BasicNavigation>(parameters => {
+                parameters.Add(p => p.ApplicationName, "testApplicationName");
+                parameters.Add(p => p.HideHeader, true);
+                parameters.Add(p => p.ForceBreakpoint, Breakpoint.Md);
+            });
+        
+            // Assert
+            cut.MarkupMatches("<ix-basic-navigation application-name='testApplicationName' hide-header='' force-breakpoint='md'></ix-basic-navigation>");
+        }
+
+        [Fact]
+        public void BasicNavigationRendersChildContent()
+        {
+            // Arrange
+            var expectedContent = "Expected content";
+
+            // Act
+            var cut = RenderComponent<BasicNavigation>(parameters => parameters
+                .Add(p => p.ChildContent, builder => 
+                {
+                    builder.AddContent(0, expectedContent);
+                }));
+
+            // Assert
+            Assert.Contains(expectedContent, cut.Markup);
+        }
+    }
+}
\ No newline at end of file

From 3436c918d5ffd46931304221dbd8a3c0c4a63c10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Sat, 25 May 2024 17:23:45 +0300
Subject: [PATCH 13/25] chore: Rename test method in ApplicationHeaderTests.cs
 for clarity

---
 SiemensIXBlazor.Tests/ApplicationHeaderTests.cs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/SiemensIXBlazor.Tests/ApplicationHeaderTests.cs b/SiemensIXBlazor.Tests/ApplicationHeaderTests.cs
index 8d3ccdb..a147014 100644
--- a/SiemensIXBlazor.Tests/ApplicationHeaderTests.cs
+++ b/SiemensIXBlazor.Tests/ApplicationHeaderTests.cs
@@ -6,7 +6,7 @@ namespace SiemensIXBlazor.Tests
     public class ApplicationHeaderTests : TestContextBase
     {
         [Fact]
-        public void ApplicationRendersWithoutCrashing()
+        public void ApplicationHeaderRendersWithoutCrashing()
         {
             // Arrange
             var cut = RenderComponent<ApplicationHeader>(parameters => {

From 77b3f944ef40a418c4b934ae36cb97591095e865 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Sun, 26 May 2024 14:22:18 +0300
Subject: [PATCH 14/25] chore: Add Breadcrumb component unit tests and test
 context base classes

---
 .../Breadcrumb/BreadcrumbItemTests.cs         | 18 +++++
 .../Breadcrumb/BreadcrumbTests.cs             | 70 +++++++++++++++++++
 .../Components/Breadcrumb/Breadcrumb.razor    |  3 +-
 3 files changed, 90 insertions(+), 1 deletion(-)
 create mode 100644 SiemensIXBlazor.Tests/Breadcrumb/BreadcrumbItemTests.cs
 create mode 100644 SiemensIXBlazor.Tests/Breadcrumb/BreadcrumbTests.cs

diff --git a/SiemensIXBlazor.Tests/Breadcrumb/BreadcrumbItemTests.cs b/SiemensIXBlazor.Tests/Breadcrumb/BreadcrumbItemTests.cs
new file mode 100644
index 0000000..1f69087
--- /dev/null
+++ b/SiemensIXBlazor.Tests/Breadcrumb/BreadcrumbItemTests.cs
@@ -0,0 +1,18 @@
+using Bunit;
+using SiemensIXBlazor.Components;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class BreadcrumbItemTests: TestContextBase
+    {
+        [Fact]
+        public void BreadcrumbItemRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<BreadcrumbItem>();
+        
+            // Assert
+            cut.MarkupMatches("<ix-breadcrumb-item ></ix-breadcrumb-item>");
+        }
+    }
+}
\ No newline at end of file
diff --git a/SiemensIXBlazor.Tests/Breadcrumb/BreadcrumbTests.cs b/SiemensIXBlazor.Tests/Breadcrumb/BreadcrumbTests.cs
new file mode 100644
index 0000000..409f400
--- /dev/null
+++ b/SiemensIXBlazor.Tests/Breadcrumb/BreadcrumbTests.cs
@@ -0,0 +1,70 @@
+namespace SiemensIXBlazor.Tests
+{
+    using Bunit;
+    using Microsoft.AspNetCore.Components;
+    using SiemensIXBlazor.Components;
+
+    public class BreadcrumbTests : TestContextBase
+    {
+        [Fact]
+        public void BreadcrumbRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<Breadcrumb>(parameters => {
+                parameters.Add(p => p.Id, "testId");
+                parameters.Add(p => p.Ghost, true);
+                parameters.Add(p => p.AriaLabelPreviousButton, "previous");
+                parameters.Add(p => p.NextItems, ["Data"]);
+                parameters.Add(p => p.VisibleItemCount, 9);
+            });
+        
+            // Assert
+            cut.MarkupMatches("<ix-breadcrumb ghost='true' nextitems=\"['Data'])\" visibleitemcount='9' id='testId' aria-label-previous-button='previous'></ix-breadcrumb>");
+        }
+
+        [Fact]
+        public void BreadcrumbRendersChildContent()
+        {
+            // Arrange
+            var expectedContent = "Expected content";
+
+            // Act
+            var cut = RenderComponent<Breadcrumb>(parameters => parameters
+                .Add(p => p.ChildContent, builder => 
+                {
+                    builder.AddContent(0, expectedContent);
+                }));
+
+            // Assert
+            Assert.Contains(expectedContent, cut.Markup);
+        }
+
+        [Fact]
+        public void ItemClickedEventTriggeredCorrectly()
+        {
+            // Arrange
+            var eventTriggered = false;
+            var cut = RenderComponent<Breadcrumb>(parameters => parameters.Add(p => p.ItemClicked, EventCallback.Factory.Create<string>(this, () => eventTriggered = true)));
+
+            // Act
+            cut.Instance.ItemClicked.InvokeAsync("test");
+
+            // Assert
+            Assert.True(eventTriggered);
+        }
+
+        [Fact]
+        public void NextItemClickedEventTriggeredCorrectly()
+        {
+            // Arrange
+            var eventTriggered = false;
+            var cut = RenderComponent<Breadcrumb>(parameters => parameters.Add(p => p.NextItemClicked, EventCallback.Factory.Create<string>(this, () => eventTriggered = true)));
+
+            // Act
+            cut.Instance.NextItemClicked.InvokeAsync("test");
+
+            // Assert
+            Assert.True(eventTriggered);
+        }
+    }
+}
\ No newline at end of file
diff --git a/SiemensIXBlazor/Components/Breadcrumb/Breadcrumb.razor b/SiemensIXBlazor/Components/Breadcrumb/Breadcrumb.razor
index 3e6398c..f7c4b32 100644
--- a/SiemensIXBlazor/Components/Breadcrumb/Breadcrumb.razor
+++ b/SiemensIXBlazor/Components/Breadcrumb/Breadcrumb.razor
@@ -9,11 +9,12 @@
 *@
 
 @using Microsoft.JSInterop;
+@using System.Text.Json
 @inject IJSRuntime JSRuntime
 @inherits IXBaseComponent
 
 @namespace SiemensIXBlazor.Components
 
-<ix-breadcrumb @attributes="UserAttributes" class="@Class" style="@Style" ghost="@Ghost.ToString().ToLower()" nextItems="@NextItems" visibleItemCount="@VisibleItemCount" id="@Id" aria-label-previous-button="@AriaLabelPreviousButton">
+<ix-breadcrumb @attributes="UserAttributes" class="@Class" style="@Style" ghost="@Ghost.ToString().ToLower()" nextItems="@(JsonSerializer.Serialize(NextItems).Replace('"', '\'')))" visibleItemCount="@VisibleItemCount" id="@Id" aria-label-previous-button="@AriaLabelPreviousButton">
     @ChildContent
 </ix-breadcrumb>
\ No newline at end of file

From 7046db551657686a084029a3192585d03788e980 Mon Sep 17 00:00:00 2001
From: Yagizhan Necat Yakali <yagizhanyakali@gmail.com>
Date: Mon, 27 May 2024 16:55:37 +0300
Subject: [PATCH 15/25] test: Add unit tests for Button component

---
 SiemensIXBlazor.Tests/Button/ButtonTests.cs | 47 +++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/Button/ButtonTests.cs

diff --git a/SiemensIXBlazor.Tests/Button/ButtonTests.cs b/SiemensIXBlazor.Tests/Button/ButtonTests.cs
new file mode 100644
index 0000000..f7409a7
--- /dev/null
+++ b/SiemensIXBlazor.Tests/Button/ButtonTests.cs
@@ -0,0 +1,47 @@
+using Bunit;
+using Microsoft.AspNetCore.Components;
+using SiemensIXBlazor.Components;
+using SiemensIXBlazor.Enums.Button;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class ButtonTests: TestContextBase
+    {
+        [Fact]
+        public void ButtonRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<Button>(parameters => {
+                parameters.Add(p => p.Id, "testId");
+                parameters.Add(p => p.DataToggle, "testDataToggle");
+                parameters.Add(p => p.Variant, ButtonVariant.primary);
+                parameters.Add(p => p.Disabled, true);
+                parameters.Add(p => p.Ghost, true);
+                parameters.Add(p => p.Icon, "testIcon");
+                parameters.Add(p => p.Loading, true);
+                parameters.Add(p => p.Outline, true);
+                parameters.Add(p => p.Selected, true);
+                parameters.Add(p => p.Type, ButtonType.Button);
+                parameters.Add(p => p.DataTooltip, "testDataTooltip");
+            });
+        
+            // Assert
+            cut.MarkupMatches("<ix-button  id='testId' disabled='' ghost='' outline='' selected='' icon='testIcon' loading='' type='button' variant='primary' data-toggle='testDataToggle' data-tooltip='testDataTooltip'></ix-button>");
+        }
+
+        [Fact]
+        public void ButtonComponentHandlesClickEvent()
+        {
+            // Arrange
+            var clickInvoked = false;
+            var cut = RenderComponent<Button>(parameters => parameters
+                .Add(p => p.ClickEvent, EventCallback.Factory.Create(this, () => clickInvoked = true)));
+
+            // Act
+            cut.Find("ix-button").Click();
+
+            // Assert
+            Assert.True(clickInvoked);
+        }
+    }
+}
\ No newline at end of file

From 44528136e89f3aeb01318df5d4b2e05f9d44ae88 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Mon, 27 May 2024 17:14:40 +0300
Subject: [PATCH 16/25] test: add IconButton unit tests.

---
 .../Button/IconButtonTests.cs                 | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/Button/IconButtonTests.cs

diff --git a/SiemensIXBlazor.Tests/Button/IconButtonTests.cs b/SiemensIXBlazor.Tests/Button/IconButtonTests.cs
new file mode 100644
index 0000000..f754117
--- /dev/null
+++ b/SiemensIXBlazor.Tests/Button/IconButtonTests.cs
@@ -0,0 +1,49 @@
+using Bunit;
+using Microsoft.AspNetCore.Components;
+using SiemensIXBlazor.Components;
+using SiemensIXBlazor.Enums.Button;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class IconButtonTests: TestContextBase
+    {
+        [Fact]
+        public void ButtonRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<IconButton>(parameters => {
+                parameters.Add(p => p.IconColor, "testIconColor");
+                parameters.Add(p => p.Disabled, true);
+                parameters.Add(p => p.Ghost, true);
+                parameters.Add(p => p.Icon, "testIcon");
+                parameters.Add(p => p.Loading, true);
+                parameters.Add(p => p.Outline, true);
+                parameters.Add(p => p.Oval, true);
+                parameters.Add(p => p.Size, IconButtonSize._12);
+                parameters.Add(p => p.Selected, true);
+                parameters.Add(p => p.DataTooltip, "testDataTooltip");
+                parameters.Add(p => p.Type, ButtonType.Button);
+                parameters.Add(p => p.A11yLabel, "testA11Label");
+                parameters.Add(p => p.Variant, ButtonVariant.primary);
+            });
+
+            // Assert
+            cut.MarkupMatches("<ix-icon-button  disabled=\"\" ghost=\"\" outline=\"\" selected=\"\" type=\"button\" variant=\"primary\" icon-color=\"testIconColor\" icon=\"testIcon\" oval=\"\" loading=\"\" data-tooltip=\"testDataTooltip\" size=\"12\" a11y-label=\"testA11Label\"></ix-icon-button>");
+        }
+
+        [Fact]
+        public void ButtonComponentHandlesClickEvent()
+        {
+            // Arrange
+            var clickInvoked = false;
+            var cut = RenderComponent<IconButton>(parameters => parameters
+                .Add(p => p.ClickEvent, EventCallback.Factory.Create(this, () => clickInvoked = true)));
+
+            // Act
+            cut.Find("ix-icon-button").Click();
+
+            // Assert
+            Assert.True(clickInvoked);
+        }
+    }
+}

From 14d36fb38c4d342ab75a35609d9004e60e705a08 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Mon, 27 May 2024 17:17:28 +0300
Subject: [PATCH 17/25] fix: change test mothod's name Button to IconButton

---
 SiemensIXBlazor.Tests/Button/IconButtonTests.cs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/SiemensIXBlazor.Tests/Button/IconButtonTests.cs b/SiemensIXBlazor.Tests/Button/IconButtonTests.cs
index f754117..4bd5c04 100644
--- a/SiemensIXBlazor.Tests/Button/IconButtonTests.cs
+++ b/SiemensIXBlazor.Tests/Button/IconButtonTests.cs
@@ -8,7 +8,7 @@ namespace SiemensIXBlazor.Tests
     public class IconButtonTests: TestContextBase
     {
         [Fact]
-        public void ButtonRendersWithoutCrashing()
+        public void IconButtonRendersWithoutCrashing()
         {
             // Arrange
             var cut = RenderComponent<IconButton>(parameters => {
@@ -32,7 +32,7 @@ public void ButtonRendersWithoutCrashing()
         }
 
         [Fact]
-        public void ButtonComponentHandlesClickEvent()
+        public void IconButtonComponentHandlesClickEvent()
         {
             // Arrange
             var clickInvoked = false;

From 66e6ffa01b6d53b9349a6013d1bab13737c8491f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Mon, 27 May 2024 17:22:23 +0300
Subject: [PATCH 18/25] test: add Card component's unit test.

---
 SiemensIXBlazor.Tests/CardTests.cs | 39 ++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/CardTests.cs

diff --git a/SiemensIXBlazor.Tests/CardTests.cs b/SiemensIXBlazor.Tests/CardTests.cs
new file mode 100644
index 0000000..8d3b12b
--- /dev/null
+++ b/SiemensIXBlazor.Tests/CardTests.cs
@@ -0,0 +1,39 @@
+using Bunit;
+using SiemensIXBlazor.Components;
+using SiemensIXBlazor.Components.BasicNavigation;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class CardTests: TestContextBase
+    {
+        [Fact]
+        public void CardRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<Card>(parameters => {
+                parameters.Add(p => p.Selected, true);
+                parameters.Add(p => p.Variant, Enums.CardVariant.neutral);
+            });
+
+            // Assert
+            cut.MarkupMatches("<ix-card variant=\"neutral\" selected=\"\">\r\n      <ix-card-content></ix-card-content>\r\n    </ix-card>");
+        }
+
+        [Fact]
+        public void CardRendersChildContent()
+        {
+            // Arrange
+            var expectedContent = "Expected content";
+
+            // Act
+            var cut = RenderComponent<Card>(parameters => parameters
+                .Add(p => p.ChildContent, builder =>
+                {
+                    builder.AddContent(0, expectedContent);
+                }));
+
+            // Assert
+            cut.MarkupMatches("<ix-card variant=\"insight\">\r\n      <ix-card-content>Expected content</ix-card-content>\r\n    </ix-card>");
+        }
+    }
+}

From 6e47c2e582d17ab609c8e9ca99170ed13d8d1b33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Mon, 27 May 2024 18:18:16 +0300
Subject: [PATCH 19/25] test: add CardList component's unit tests.

---
 SiemensIXBlazor.Tests/CardListTests.cs | 70 ++++++++++++++++++++++++++
 1 file changed, 70 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/CardListTests.cs

diff --git a/SiemensIXBlazor.Tests/CardListTests.cs b/SiemensIXBlazor.Tests/CardListTests.cs
new file mode 100644
index 0000000..a81769f
--- /dev/null
+++ b/SiemensIXBlazor.Tests/CardListTests.cs
@@ -0,0 +1,70 @@
+using Bunit;
+using Microsoft.AspNetCore.Components;
+using SiemensIXBlazor.Components;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class CardListTests: TestContextBase
+    {
+        [Fact]
+        public void CardListRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<CardList>(parameters => {
+                parameters.Add(p => p.Id, "testId");
+                parameters.Add(p => p.Collapse, true);
+                parameters.Add(p => p.I18NMoreCards, "testMoreCards");
+                parameters.Add(p => p.I18NShowAll, "testShowAll");
+                parameters.Add(p => p.Label, "testLabel");
+                parameters.Add(p => p.ListStyle, Enums.CardList.CardListStyle.Stack);
+                parameters.Add(p => p.ShowAllCount, 1);
+                parameters.Add(p => p.SuppressOverflowHandling, true);
+            });
+
+            // Assert
+            cut.MarkupMatches("<ix-card-list id=\"testId\" label=\"testLabel\" show-all-count=\"1\" list-style=\"stack\" collapse=\"\" i-1-8n-more-cards=\"testMoreCards\" i-1-8n-show-all=\"testShowAll\" suppress-overflow-handling=\"\"></ix-card-list>");
+        }
+
+        [Fact]
+        public void CollapsedChangedEventTriggeredCorrectly()
+        {
+            // Arrange
+            var eventTriggered = false;
+            var cut = RenderComponent<CardList>(parameters => parameters.Add(p => p.CollapseChangedEvent, EventCallback.Factory.Create<bool>(this, () => eventTriggered = true)));
+
+            // Act
+            cut.Instance.CollapseChangedEvent.InvokeAsync(true);
+
+            // Assert
+            Assert.True(eventTriggered);
+        }
+
+        [Fact]
+        public void ShowAllClickedEventTriggeredCorrectly()
+        {
+            // Arrange
+            var eventTriggered = false;
+            var cut = RenderComponent<CardList>(parameters => parameters.Add(p => p.ShowAllClickEvent, EventCallback.Factory.Create(this, () => eventTriggered = true)));
+
+            // Act
+            cut.Instance.ShowAllClickEvent.InvokeAsync();
+
+            // Assert
+            Assert.True(eventTriggered);
+        }
+
+        [Fact]
+        public void ShowMoreCardClickedEventTriggeredCorrectly()
+        {
+            // Arrange
+            var eventTriggered = false;
+            var cut = RenderComponent<CardList>(parameters => parameters.Add(p => p.ShowMoreCardClickEvent, EventCallback.Factory.Create(this, () => eventTriggered = true)));
+
+            // Act
+            cut.Instance.ShowMoreCardClickEvent.InvokeAsync();
+
+            // Assert
+            Assert.True(eventTriggered);
+        }
+    }
+}

From 129d3c8f8bcad85eb07887c971297de99d76b0d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Mon, 27 May 2024 18:51:05 +0300
Subject: [PATCH 20/25] test: add CategoryFilter component's unit tests.

---
 SiemensIXBlazor.Tests/CategoryFilterTests.cs | 114 +++++++++++++++++++
 1 file changed, 114 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/CategoryFilterTests.cs

diff --git a/SiemensIXBlazor.Tests/CategoryFilterTests.cs b/SiemensIXBlazor.Tests/CategoryFilterTests.cs
new file mode 100644
index 0000000..f07ab32
--- /dev/null
+++ b/SiemensIXBlazor.Tests/CategoryFilterTests.cs
@@ -0,0 +1,114 @@
+using Bunit;
+using Microsoft.AspNetCore.Components;
+using SiemensIXBlazor.Components;
+using SiemensIXBlazor.Components.CategoryFilter;
+using SiemensIXBlazor.Objects;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class CategoryFilterTests: TestContextBase
+    {
+        [Fact]
+        public void CategoryFilterRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<CategoryFilter>(parameters => {
+                parameters.Add(p => p.Id, "testId");
+                parameters.Add(p => p.HideIcon, true);
+                parameters.Add(p => p.I18nPlainText, "testI18PlainText");
+                parameters.Add(p => p.Icon, "testIcon");
+                parameters.Add(p => p.LabelCategories, "testLabelCategories");
+                parameters.Add(p => p.Placeholder, "TestPlaceholder");
+                parameters.Add(p => p.RepeatCategories, true);
+                parameters.Add(p => p.Suggestions, ["testSugestion"]);
+            });
+
+            // Assert
+            cut.MarkupMatches("<ix-category-filter id=\"testId\" placeholder=\"TestPlaceholder\" hide-icon=\"\" i-1-8n-plain-text=\"testI18PlainText\" icon=\"testIcon\" label-categories=\"testLabelCategories\" repeat-categories=\"\"></ix-category-filter>");
+        }
+
+        [Fact]
+        public void CategoriesSetsCorrectly()
+        {
+            // Arrange
+            var cut = RenderComponent<CategoryFilter>();
+            var mockCategories = new Dictionary<string, Category> { { "category1", new() { Label = "Test Label", Options = ["options1"] } } };
+
+            // Act
+            cut.Instance.Categories = mockCategories;
+
+            // Assert
+            Assert.Equal(cut.Instance.Categories, mockCategories);
+        }
+
+        [Fact]
+        public void FilterStateSetsCorrectly()
+        {
+            // Arrange
+            var cut = RenderComponent<CategoryFilter>();
+            var mockFilterState = new FilterState { Categories = [new FilterStateCategory { Id = "testId", Operator = "testOperator", Value = "testValue"}] };
+
+            // Act
+            cut.Instance.FilterState = mockFilterState;
+
+            // Assert
+            Assert.Equal(cut.Instance.FilterState, mockFilterState);
+        }
+
+        [Fact]
+        public void NonSelectableCategoriesSetsCorrectly()
+        {
+            // Arrange
+            var cut = RenderComponent<CategoryFilter>();
+            var mockNonSelectableCategories = new Dictionary<string, string> { { "test", "test" } };
+
+            // Act
+            cut.Instance.NonSelectableCategories = mockNonSelectableCategories;
+
+            // Assert
+            Assert.Equal(cut.Instance.NonSelectableCategories, mockNonSelectableCategories);
+        }
+
+        [Fact]
+        public void SuggestionsSetsCorrectly()
+        {
+            // Arrange
+            var cut = RenderComponent<CategoryFilter>();
+            var mockSuggestions = new string[] {"test", "test2"};
+
+            // Act
+            cut.Instance.Suggestions = mockSuggestions;
+
+            // Assert
+            Assert.Equal(cut.Instance.Suggestions, mockSuggestions);
+        }
+
+        [Fact]
+        public void FilterChangedEventTriggeredCorrectly()
+        {
+            // Arrange
+            var eventTriggered = false;
+            var cut = RenderComponent<CategoryFilter>(parameters => parameters.Add(p => p.FilterChangedEvent, EventCallback.Factory.Create<FilterState>(this, () => eventTriggered = true)));
+
+            // Act
+            cut.Instance.FilterChangedEvent.InvokeAsync();
+
+            // Assert
+            Assert.True(eventTriggered);
+        }
+
+        [Fact]
+        public void InputChangedEventTriggeredCorrectly()
+        {
+            // Arrange
+            var eventTriggered = false;
+            var cut = RenderComponent<CategoryFilter>(parameters => parameters.Add(p => p.InputChangedEvent, EventCallback.Factory.Create<dynamic>(this, () => eventTriggered = true)));
+
+            // Act
+            cut.Instance.InputChangedEvent.InvokeAsync();
+
+            // Assert
+            Assert.True(eventTriggered);
+        }
+    }
+}

From a0d3e150b69bc72840b11f211f82a15a5b587f3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Mon, 27 May 2024 18:51:30 +0300
Subject: [PATCH 21/25] fix: fixed issue about set Suggestions property

---
 .../CategoryFilter/CategoryFilter.razor.cs           | 11 ++++++++++-
 .../wwwroot/js/interops/categoryFilterInterop.js     | 12 +++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/SiemensIXBlazor/Components/CategoryFilter/CategoryFilter.razor.cs b/SiemensIXBlazor/Components/CategoryFilter/CategoryFilter.razor.cs
index 891d661..a497f14 100644
--- a/SiemensIXBlazor/Components/CategoryFilter/CategoryFilter.razor.cs
+++ b/SiemensIXBlazor/Components/CategoryFilter/CategoryFilter.razor.cs
@@ -21,6 +21,7 @@ public partial class CategoryFilter
         private Dictionary<string, Category>? _categories;
         private FilterState? _filterState;
         private Dictionary<string, string>? _nonSelectableCategories;
+        private string[] _suggestions = [];
         private Lazy<Task<IJSObjectReference>>? moduleTask;
         private BaseInterop? _interop;
 
@@ -66,7 +67,15 @@ public partial class CategoryFilter
         [Parameter]
         public bool RepeatCategories { get; set; } = true;
         [Parameter]
-        public string[]? Suggestions { get; set; }
+        public string[]? Suggestions
+        {
+            get => _suggestions;
+            set
+            {
+                _suggestions = value;
+                InitialParameter("setSuggestions", new Dictionary<string, string[]> { { "suggestions", _suggestions } });
+            }
+        }
         [Parameter]
         public EventCallback<FilterState> FilterChangedEvent { get; set; }
         [Parameter]
diff --git a/SiemensIXBlazor/wwwroot/js/interops/categoryFilterInterop.js b/SiemensIXBlazor/wwwroot/js/interops/categoryFilterInterop.js
index 116ef5e..d346af6 100644
--- a/SiemensIXBlazor/wwwroot/js/interops/categoryFilterInterop.js
+++ b/SiemensIXBlazor/wwwroot/js/interops/categoryFilterInterop.js
@@ -38,4 +38,14 @@ export function setNonSelectableCategories(id, nonSelectableCategories) {
 
     }
     
-}
\ No newline at end of file
+}
+
+export function setSuggestions(id, suggestionsObject) {
+    try {
+        const element = document.getElementById(id);
+        element.suggestions = JSON.parse(suggestionsObject).suggestions;
+    }
+    catch {
+
+    }
+} 
\ No newline at end of file

From 20358bffe285e6a739d56b16d2816194f4f8e9fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Tue, 28 May 2024 17:37:24 +0300
Subject: [PATCH 22/25] test: aded Chip component's unit tests.

---
 SiemensIXBlazor.Tests/ChipTests.cs | 44 ++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/ChipTests.cs

diff --git a/SiemensIXBlazor.Tests/ChipTests.cs b/SiemensIXBlazor.Tests/ChipTests.cs
new file mode 100644
index 0000000..ebbf05b
--- /dev/null
+++ b/SiemensIXBlazor.Tests/ChipTests.cs
@@ -0,0 +1,44 @@
+using Bunit;
+using SiemensIXBlazor.Components;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class ChipTests: TestContextBase
+    {
+        [Fact]
+        public void ChipRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<Chip>(parameters => {
+                parameters.Add(p => p.Id, "testId");
+                parameters.Add(p => p.Active, true);
+                parameters.Add(p => p.Background, "testBackground");
+                parameters.Add(p => p.Closable, true);
+                parameters.Add(p => p.Color, "testColor");
+                parameters.Add(p => p.Icon, "testIcon");
+                parameters.Add(p => p.Outline, true);
+                parameters.Add(p => p.Variant, Enums.Chip.ChipVariant.neutral);
+            });
+
+            // Assert
+            cut.MarkupMatches("<ix-chip id=\"testId\" closable=\"\" outline=\"\" active=\"\" background=\"testBackground\" color=\"testColor\" icon=\"testIcon\" variant=\"neutral\"></ix-chip>");
+        }
+
+        [Fact]
+        public void ChipRendersChildContent()
+        {
+            // Arrange
+            var expectedContent = "Expected content";
+
+            // Act
+            var cut = RenderComponent<Chip>(parameters => parameters
+                .Add(p => p.ChildContent, builder =>
+                {
+                    builder.AddContent(0, expectedContent);
+                }));
+
+            // Assert
+            Assert.Contains(expectedContent, cut.Markup);
+        }
+    }
+}

From ef7ab953eae02b0652992aafac719d8d2e2ae2a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Tue, 28 May 2024 17:41:15 +0300
Subject: [PATCH 23/25] test: add Content component's unit tests.

---
 SiemensIXBlazor.Tests/ContentTests.cs | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/ContentTests.cs

diff --git a/SiemensIXBlazor.Tests/ContentTests.cs b/SiemensIXBlazor.Tests/ContentTests.cs
new file mode 100644
index 0000000..cdcf5e2
--- /dev/null
+++ b/SiemensIXBlazor.Tests/ContentTests.cs
@@ -0,0 +1,24 @@
+using SiemensIXBlazor.Components;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class ContentTests: TestContextBase
+    {
+        [Fact]
+        public void ContentRendersChildContent()
+        {
+            // Arrange
+            var expectedContent = "Expected content";
+
+            // Act
+            var cut = RenderComponent<Content>(parameters => parameters
+                .Add(p => p.ChildContent, builder =>
+                {
+                    builder.AddContent(0, expectedContent);
+                }));
+
+            // Assert
+            Assert.Contains(expectedContent, cut.Markup);
+        }
+    }
+}

From c1c00f27f769b1464db57d7b46759b34be4bdc13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Tue, 28 May 2024 17:41:36 +0300
Subject: [PATCH 24/25] chor: remove unused property from Content component.

---
 SiemensIXBlazor/Components/Content/Content.razor.cs | 2 --
 1 file changed, 2 deletions(-)

diff --git a/SiemensIXBlazor/Components/Content/Content.razor.cs b/SiemensIXBlazor/Components/Content/Content.razor.cs
index ca57dff..38f93c8 100644
--- a/SiemensIXBlazor/Components/Content/Content.razor.cs
+++ b/SiemensIXBlazor/Components/Content/Content.razor.cs
@@ -13,8 +13,6 @@ namespace SiemensIXBlazor.Components;
 
 public partial class Content
 {
-    [Parameter]
-    public RenderFragment? HeaderContent { get; set; }
     [Parameter]
     public RenderFragment? ChildContent { get; set; }
 }
\ No newline at end of file

From 7b00a200bd025dd369ccf1b7739ad849d3f43836 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ya=C4=9F=C4=B1zhan=20Necat=20Yakal=C4=B1?=
 <yagizhanyakali@gmail.com>
Date: Tue, 28 May 2024 17:46:39 +0300
Subject: [PATCH 25/25] test: add ContentHeader component's unit tests.

---
 SiemensIXBlazor.Tests/ContentHeaderTests.cs | 58 +++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 SiemensIXBlazor.Tests/ContentHeaderTests.cs

diff --git a/SiemensIXBlazor.Tests/ContentHeaderTests.cs b/SiemensIXBlazor.Tests/ContentHeaderTests.cs
new file mode 100644
index 0000000..46ead73
--- /dev/null
+++ b/SiemensIXBlazor.Tests/ContentHeaderTests.cs
@@ -0,0 +1,58 @@
+using Bunit;
+using Microsoft.AspNetCore.Components;
+using SiemensIXBlazor.Components;
+using SiemensIXBlazor.Components.Avatar;
+
+namespace SiemensIXBlazor.Tests
+{
+    public class ContentHeaderTests: TestContextBase
+    {
+        [Fact]
+        public void ContentHeaderRendersWithoutCrashing()
+        {
+            // Arrange
+            var cut = RenderComponent<ContentHeader>(parameters => {
+                parameters.Add(p => p.Id, "testId");
+                parameters.Add(p => p.HasBackButton, true);
+                parameters.Add(p => p.HeaderSubTitle, "testHeaderSubTitle");
+                parameters.Add(p => p.HeaderTitle, "testHeaderTitle");
+                parameters.Add(p => p.Variant, Enums.ContentHeader.ContentHeaderVariant.primary);
+            });
+
+            // Assert
+            cut.MarkupMatches("<ix-content-header id=\"testId\" has-back-button=\"\" header-title=\"testHeaderTitle\" header-subtitle=\"testHeaderSubTitle\" variant=\"primary\"></ix-content-header>");
+        }
+
+        [Fact]
+        public void ContentHeaderRendersChildContent()
+        {
+            // Arrange
+            var expectedContent = "Expected content";
+
+            // Act
+            var cut = RenderComponent<ContentHeader>(parameters => parameters
+                .Add(p => p.ChildContent, builder =>
+                {
+                    builder.AddContent(0, expectedContent);
+                }));
+
+            // Assert
+            Assert.Contains(expectedContent, cut.Markup);
+        }
+
+        [Fact]
+        public void BackButtonClickedEventTriggeredCorrectly()
+        {
+            // Arrange
+            var eventTriggered = false;
+            var cut = RenderComponent<ContentHeader>(parameters => parameters.Add(p => p.BackButtonClickedEvent, EventCallback.Factory.Create(this, () => eventTriggered = true)));
+
+            // Act
+            cut.Instance.BackButtonClickedEvent.InvokeAsync(true);
+
+            // Assert
+            Assert.True(eventTriggered);
+        }
+
+    }
+}