Joseph Doherty
86 lines
3.0 KiB
C#
86 lines
3.0 KiB
C#
using Bunit;
|
|
using ZB.MOM.WW.ScadaBridge.CentralUI.Components.Shared;
|
|
|
|
namespace ZB.MOM.WW.ScadaBridge.CentralUI.Tests.Shared;
|
|
|
|
/// <summary>
|
|
/// Tests for T34b's <see cref="DarkModeToggle"/>. The component is pure
|
|
/// JS-interop over <c>window.sbTheme</c> (theme.js): <c>sbTheme.get</c> reflects
|
|
/// the persisted theme on first render and <c>sbTheme.toggle</c> flips it on
|
|
/// click. The toggle carries the required a11y attributes
|
|
/// (<c>aria-label="Toggle dark mode"</c> + <c>aria-pressed</c>).
|
|
/// </summary>
|
|
public class DarkModeToggleTests : BunitContext
|
|
{
|
|
public DarkModeToggleTests()
|
|
{
|
|
// Loose mode: unconfigured interop returns default. We configure the two
|
|
// calls the component actually makes (get on first render, toggle on click).
|
|
JSInterop.Mode = JSRuntimeMode.Loose;
|
|
}
|
|
|
|
[Fact]
|
|
public void Renders_Button_WithToggleDarkModeAriaLabel()
|
|
{
|
|
JSInterop.Setup<string>("sbTheme.get").SetResult("light");
|
|
|
|
var cut = Render<DarkModeToggle>();
|
|
|
|
var button = cut.Find("button[aria-label='Toggle dark mode']");
|
|
Assert.NotNull(button);
|
|
}
|
|
|
|
[Fact]
|
|
public void OnFirstRender_PersistedLight_AriaPressedFalse()
|
|
{
|
|
// sbTheme.get returns light → button reflects light (aria-pressed=false,
|
|
// moon glyph offering "switch to dark").
|
|
JSInterop.Setup<string>("sbTheme.get").SetResult("light");
|
|
|
|
var cut = Render<DarkModeToggle>();
|
|
|
|
var button = cut.Find("button.sb-theme-toggle");
|
|
Assert.Equal("false", button.GetAttribute("aria-pressed"));
|
|
Assert.NotNull(cut.Find("i.bi-moon-stars"));
|
|
}
|
|
|
|
[Fact]
|
|
public void OnFirstRender_PersistedDark_AriaPressedTrue()
|
|
{
|
|
// sbTheme.get returns dark → button reflects dark (aria-pressed=true,
|
|
// sun glyph offering "switch to light").
|
|
JSInterop.Setup<string>("sbTheme.get").SetResult("dark");
|
|
|
|
var cut = Render<DarkModeToggle>();
|
|
|
|
cut.WaitForAssertion(() =>
|
|
{
|
|
var button = cut.Find("button.sb-theme-toggle");
|
|
Assert.Equal("true", button.GetAttribute("aria-pressed"));
|
|
Assert.NotNull(cut.Find("i.bi-sun"));
|
|
});
|
|
}
|
|
|
|
[Fact]
|
|
public void Click_InvokesToggle_AndReflectsNewState()
|
|
{
|
|
// Start persisted-light; toggling returns "dark". The click handler must
|
|
// invoke sbTheme.toggle and flip aria-pressed/glyph to the dark state.
|
|
JSInterop.Setup<string>("sbTheme.get").SetResult("light");
|
|
var toggle = JSInterop.Setup<string>("sbTheme.toggle").SetResult("dark");
|
|
|
|
var cut = Render<DarkModeToggle>();
|
|
|
|
cut.Find("button.sb-theme-toggle").Click();
|
|
|
|
cut.WaitForAssertion(() =>
|
|
{
|
|
// The handler invoked sbTheme.toggle.
|
|
Assert.Single(toggle.Invocations);
|
|
var button = cut.Find("button.sb-theme-toggle");
|
|
Assert.Equal("true", button.GetAttribute("aria-pressed"));
|
|
Assert.NotNull(cut.Find("i.bi-sun"));
|
|
});
|
|
}
|
|
}
|