Merge pull request #61 from emregokrem/master

Adding component unit tests [DateDropdown-MapNavigation]

SiemensIXBlazor.Tests/DateDropdownTest.cs

@@ -0,0 +1,102 @@
+// -----------------------------------------------------------------------
+// SPDX-FileCopyrightText: 2024 Siemens AG
+// 
+// SPDX-License-Identifier: MIT
+// 
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+// -----------------------------------------------------------------------
+
+using System.Text.Json;
+using Bunit;
+using Microsoft.AspNetCore.Components;
+using SiemensIXBlazor.Components;
+using SiemensIXBlazor.Objects.DateDropdown;
+
+namespace SiemensIXBlazor.Tests;
+
+public class DateDropdownTest : TestContextBase
+{
+ [Fact]
+ public void ComponentRendersWithoutCrashing()
+ {
+ // Arrange
+ var cut = RenderComponent<DateDropdown>();
+
+ // Assert
+ cut.MarkupMatches(@"
+ <ix-date-dropdown id="""" custom-range-allowed="""" date-range-id=""custom"" format=""yyyy/LL/dd"" i18n-custom-item=""Custom..."" i18n-done=""Done"" i18n-no-range=""No range set"" range=""""></ix-date-dropdown>
+ ");
+ }
+
+ [Fact]
+ public void AllPropertiesAreSetCorrectly()
+ {
+ // Arrange
+ var dateDropdownOptions = new DateDropdownOption[] { new() { Id = "test", Label = "Test" } };
+ var dateRangeChangeEvent = new EventCallbackFactory().Create<DateDropdownResponse>(this, response =>
+ {
+ /* your action here */
+ });
+
+ var cut = RenderComponent<DateDropdown>(parameters => parameters
+ .Add(p => p.Id, "testId")
+ .Add(p => p.CustomRangeAllowed, true)
+ .Add(p => p.DateRangeId, "custom")
+ .Add(p => p.DateRangeOptions, dateDropdownOptions)
+ .Add(p => p.Format, "yyyy/LL/dd")
+ .Add(p => p.From, "2022/01/01")
+ .Add(p => p.I18NCustomItem, "Custom...")
+ .Add(p => p.I18NDone, "Done")
+ .Add(p => p.I18NNoRange, "No range set")
+ .Add(p => p.MaxDate, "2022/12/31")
+ .Add(p => p.MinDate, "2022/01/01")
+ .Add(p => p.Range, true)
+ .Add(p => p.To, "2022/12/31")
+ .Add(p => p.DateRangeChangeEvent, dateRangeChangeEvent));
+
+ // Assert
+ cut.MarkupMatches(@"
+ <ix-date-dropdown id=""testId"" custom-range-allowed="""" date-range-id=""custom"" format=""yyyy/LL/dd"" from=""2022/01/01"" i18n-custom-item=""Custom..."" i18n-done=""Done"" i18n-no-range=""No range set"" max-date=""2022/12/31"" min-date=""2022/01/01"" range="""" to=""2022/12/31""></ix-date-dropdown>
+ ");
+ }
+
+ [Fact]
+ public void DateRangeChangeEventIsTriggeredCorrectly()
+ {
+ // Arrange
+ var dateDropdownOptions = new DateDropdownOption[]
+ {
+ new() { Id = "test", Label = "Test", From = "2022/01/01", To = "2022/12/31" },
+ new() { Id = "test2", Label = "Test2", From = "2023/01/01", To = "2023/12/31" }
+ };
+ var dateRangeChangeEventTriggered = false;
+ var dateRangeChangeEvent =
+ new EventCallbackFactory().Create<DateDropdownResponse>(this,
+ response => { dateRangeChangeEventTriggered = true; });
+
+ var cut = RenderComponent<DateDropdown>(parameters => parameters
+ .Add(p => p.Id, "testId")
+ .Add(p => p.CustomRangeAllowed, true)
+ .Add(p => p.DateRangeId, "test1")
+ .Add(p => p.DateRangeOptions, dateDropdownOptions)
+ .Add(p => p.Format, "yyyy/LL/dd")
+ .Add(p => p.From, "2022/01/01")
+ .Add(p => p.I18NCustomItem, "Custom...")
+ .Add(p => p.I18NDone, "Done")
+ .Add(p => p.I18NNoRange, "No range set")
+ .Add(p => p.MaxDate, "2022/12/31")
+ .Add(p => p.MinDate, "2022/01/01")
+ .Add(p => p.Range, true)
+ .Add(p => p.To, "2022/12/31")
+ .Add(p => p.DateRangeChangeEvent, dateRangeChangeEvent));
+
+ // Act
+ var json = JsonSerializer.Serialize(new DateDropdownResponse { Id = "test2" });
+ var parsedJson = JsonDocument.Parse(json).RootElement;
+ cut.Instance.DateRangeChange(parsedJson);
+
+ // Assert
+ Assert.True(dateRangeChangeEventTriggered);
+ }
+}

SiemensIXBlazor.Tests/DatePickerTest.cs

@@ -0,0 +1,82 @@
+// -----------------------------------------------------------------------
+// SPDX-FileCopyrightText: 2024 Siemens AG
+// 
+// SPDX-License-Identifier: MIT
+// 
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+// -----------------------------------------------------------------------
+
+using System.Text.Json;
+using Bunit;
+using Microsoft.AspNetCore.Components;
+using SiemensIXBlazor.Components;
+using SiemensIXBlazor.Enums.DatePicker;
+using SiemensIXBlazor.Objects;
+
+namespace SiemensIXBlazor.Tests;
+
+public class DatePickerTest : TestContextBase
+{
+ [Fact]
+ public void ComponentRendersAndPropertiesAreSetCorrectly()
+ {
+ // Arrange
+ var cut = RenderComponent<DatePicker>(parameters => parameters
+ .Add(p => p.Id, "testId")
+ .Add(p => p.Corners, DatePickerCorners.Rounded)
+ .Add(p => p.EventDelimiter, " - ")
+ .Add(p => p.Format, "yyyy/MM/dd")
+ .Add(p => p.From, "2022/01/01")
+ .Add(p => p.MaxDate, "2022/12/31")
+ .Add(p => p.MinDate, "2022/01/01")
+ .Add(p => p.Range, true)
+ .Add(p => p.I18nDone, "Done")
+ .Add(p => p.Locale, "en-US")
+ .Add(p => p.WeekStartIndex, 0)
+ .Add(p => p.To, "2022/12/31"));
+
+ // Assert
+ cut.MarkupMatches($@"
+ <ix-date-picker id=""testId"" from=""2022/01/01"" to=""2022/12/31"" corners=""rounded"" format=""yyyy/MM/dd"" max-date=""2022/12/31"" min-date=""2022/01/01"" range="""" locale=""en-US"" i18n-done=""Done"" week-start-index=""0""></ix-date-picker>");
+ }
+
+ [Fact]
+ public void EventCallbacksAreTriggered()
+ {
+ // Arrange
+ var dateRangeChangeInvoked = false;
+ var dateChangeInvoked = false;
+ var dateSelectInvoked = false;
+
+ var dateRangeChangeEvent =
+ new EventCallbackFactory().Create<DatePickerResponse>(this,
+ response => { dateRangeChangeInvoked = true; });
+
+ var dateChangeEvent =
+ new EventCallbackFactory().Create<DatePickerResponse>(this,
+ response => { dateChangeInvoked = true; });
+
+ var dateSelectEvent =
+ new EventCallbackFactory().Create<DatePickerResponse>(this,
+ response => { dateSelectInvoked = true; });
+
+ var cut = RenderComponent<DatePicker>(parameters => parameters
+ .Add(p => p.Id, "testId")
+ .Add(p => p.DateRangeChangeEvent!, dateRangeChangeEvent)
+ .Add(p => p.DateChangeEvent!, dateChangeEvent)
+ .Add(p => p.DateSelectEvent, dateSelectEvent));
+
+ // Act
+ var json = JsonSerializer.Serialize(new DatePickerResponse { From = "2024/01/01", To = "2024/12/31\"" });
+ var parsedJson = JsonDocument.Parse(json).RootElement;
+ cut.Instance.DateRangeChange(parsedJson);
+ cut.Instance.DateChange(parsedJson);
+ cut.Instance.DateSelect(parsedJson);
+
+ // Assert
+ Assert.True(dateRangeChangeInvoked);
+ Assert.True(dateChangeInvoked);
+ Assert.True(dateSelectInvoked);
+ }
+}

SiemensIXBlazor.Tests/DateTimePickerTest.cs

@@ -0,0 +1,77 @@
+// -----------------------------------------------------------------------
+// SPDX-FileCopyrightText: 2024 Siemens AG
+// 
+// SPDX-License-Identifier: MIT
+// 
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+// -----------------------------------------------------------------------
+
+using System.Text.Json;
+using Bunit;
+using Microsoft.AspNetCore.Components;
+using SiemensIXBlazor.Components;
+using SiemensIXBlazor.Objects;
+
+namespace SiemensIXBlazor.Tests;
+
+public class DateTimePickerTest : TestContextBase
+{
+ [Fact]
+ public void ComponentRendersWithCorrectProperties()
+ {
+ // Arrange
+ var cut = RenderComponent<DateTimePicker>(parameters => parameters
+ .Add(p => p.Id, "testId")
+ .Add(p => p.DateFormat, "yyyy/MM/dd")
+ .Add(p => p.EventDelimiter, " - ")
+ .Add(p => p.From, DateTime.Now.ToString("yyyy/MM/dd"))
+ .Add(p => p.MaxDate, "2022/12/31")
+ .Add(p => p.MinDate, "2022/01/01")
+ .Add(p => p.Range, true)
+ .Add(p => p.ShowHour, false)
+ .Add(p => p.ShowMinutes, false)
+ .Add(p => p.ShowSeconds, false)
+ .Add(p => p.ShowTimeReference, "")
+ .Add(p => p.TextSelectDate, "Done")
+ .Add(p => p.Time, "12:00:00")
+ .Add(p => p.TimeFormat, "HH:mm:ss")
+ .Add(p => p.TimeReference, "12:00:00")
+ .Add(p => p.To, "2022/12/31"));
+
+ // Assert
+ cut.MarkupMatches("<ix-datetime-picker id=\"testId\" date-format=\"yyyy/MM/dd\" event-delimiter=\" - \" from=\"2024/05/28\" max-date=\"2022/12/31\" min-date=\"2022/01/01\" range=\"\" show-time-reference=\"\" text-select-date=\"Done\" time=\"12:00:00\" time-format=\"HH:mm:ss\" time-reference=\"12:00:00\" to=\"2022/12/31\"></ix-datetime-picker>");
+ }
+
+ [Fact]
+ public void EventCallbacksAreTriggeredCorrectly()
+ {
+ // Arrange
+ bool isDateChangeEventTriggered = false;
+ bool isDateSelectEventTriggered = false;
+ bool isTimeChangeEventTriggered = false;
+ bool isDoneEventTriggered = false;
+
+ var cut = RenderComponent<DateTimePicker>(parameters => parameters
+ .Add(p => p.DateChangeEvent, EventCallback.Factory.Create<string>(this, (date) => isDateChangeEventTriggered = true))
+ .Add(p => p.DateSelectEvent, EventCallback.Factory.Create<DateTimePickerResponse>(this, (response) => isDateSelectEventTriggered = true))
+ .Add(p => p.TimeChangeEvent, EventCallback.Factory.Create<string>(this, (time) => isTimeChangeEventTriggered = true))
+ .Add(p => p.DoneEvent, EventCallback.Factory.Create<string>(this, (done) => isDoneEventTriggered = true)));
+
+ // Act
+ cut.Instance.DateChange("2022/12/31");
+ cut.Instance.TimeChange("12:00:00");
+
+ var json = JsonSerializer.Serialize(new DateTimePickerResponse { Time = "2024/01/01" });
+ var parsedJson = JsonDocument.Parse(json).RootElement;
+ cut.Instance.DateSelect(parsedJson);
+
+ cut.Instance.Done("2022/12/31");
+
+ // Assert
+ Assert.True(isDateChangeEventTriggered);
+ Assert.True(isTimeChangeEventTriggered);
+ Assert.True(isDoneEventTriggered);
+ Assert.True(isDateSelectEventTriggered);
+ }
+}

SiemensIXBlazor.Tests/DividerTest.cs

@@ -0,0 +1,28 @@
+// -----------------------------------------------------------------------
+// SPDX-FileCopyrightText: 2024 Siemens AG
+// 
+// SPDX-License-Identifier: MIT
+// 
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+// -----------------------------------------------------------------------
+
+using Bunit;
+using SiemensIXBlazor.Components;
+
+namespace SiemensIXBlazor.Tests;
+
+public class DividerTest : TestContextBase
+{
+ [Fact]
+ public void ComponentRendersWithCorrectProperties()
+ {
+ // Arrange
+ var cut = RenderComponent<Divider>(parameters => parameters
+ .Add(p => p.Class, "testClass")
+ .Add(p => p.Style, "testStyle"));
+
+ // Assert
+ cut.MarkupMatches("<ix-divider class=\"testClass\" style=\"testStyle\"></ix-divider>");
+ }
+}

SiemensIXBlazor.Tests/DrawerTests.cs → SiemensIXBlazor.Tests/DrawerTest.cs

@@ -13,7 +13,7 @@
 
 namespace SiemensIXBlazor.Tests
 {
- public class DrawerTests : TestContextBase
+ public class DrawerTest : TestContextBase
  {
  [Fact]
  public void DrawerRendersCorrectly()

SiemensIXBlazor.Tests/Dropdown/DropdownItemTest.cs

@@ -0,0 +1,46 @@
+// -----------------------------------------------------------------------
+// SPDX-FileCopyrightText: 2024 Siemens AG
+// 
+// SPDX-License-Identifier: MIT
+// 
+// This source code is licensed under the MIT license found in the
+// LICENSE file in the root directory of this source tree.
+// -----------------------------------------------------------------------
+
+using Bunit;
+using Microsoft.AspNetCore.Components;
+using SiemensIXBlazor.Components;
+
+namespace SiemensIXBlazor.Tests.Dropdown;
+
+public class DropdownItemTest : TestContextBase
+{
+ [Fact]
+ public void ComponentRendersWithCorrectProperties()
+ {
+ // Arrange
+ var cut = RenderComponent<DropdownItem>(parameters => parameters
+ .Add(p => p.Label, "testLabel")
+ .Add(p => p.Value, "testValue"));
+
+ // Assert
+ cut.MarkupMatches("<ix-dropdown-item label=\"testLabel\" value=\"testValue\"></ix-dropdown-item>");
+ }
+
+ [Fact]
+ public async Task EventCallbacksAreTriggeredCorrectly()
+ {
+ // Arrange
+ var isOnClickEventTriggered = false;
+
+ var cut = RenderComponent<DropdownItem>(parameters => parameters
+ .Add(p => p.OnClickEvent,
+ EventCallback.Factory.Create<string>(this, label => isOnClickEventTriggered = true)));
+
+ // Act
+ await cut.Instance.OnClickEvent.InvokeAsync("testLabel");
+
+ // Assert
+ Assert.True(isOnClickEventTriggered);
+ }
+}