Make the seven sidebar section groups (Admin, Design, Deployment, Notifications, Site Calls, Monitoring, Audit) collapsible. New NavSection component renders a header toggle button (chevron) and reveals its items only while expanded; NavMenu owns the expanded-section set. Behaviour: sections are collapsed by default; state persists in the `scadabridge_nav` cookie (written/read via the new nav-state.js JS interop, mirroring treeview-storage.js) so it survives reloads and reconnects; navigating into a section auto-expands it and remembers it. The Dashboard item stays sectionless and always visible. Tests: NavMenu bUnit tests expand sections before asserting items and add collapsed-by-default / toggle / cookie-persistence cases; Playwright nav tests expand sections before clicking links; new NavCollapseTests covers the feature E2E. Build 0 warnings; bUnit 545 passed; Playwright nav suite green (the unrelated AuditGridColumnTests resize-reload case remains pre-existing flaky — an un-awaited save race in that test).
159 lines
6.1 KiB
C#
159 lines
6.1 KiB
C#
using System.Security.Claims;
|
|
using Bunit;
|
|
using Microsoft.AspNetCore.Authorization;
|
|
using Microsoft.AspNetCore.Components;
|
|
using Microsoft.AspNetCore.Components.Authorization;
|
|
using Microsoft.AspNetCore.Components.Rendering;
|
|
using Microsoft.Extensions.DependencyInjection;
|
|
using ScadaLink.Security;
|
|
using NavMenu = ScadaLink.CentralUI.Components.Layout.NavMenu;
|
|
|
|
namespace ScadaLink.CentralUI.Tests.Layout;
|
|
|
|
/// <summary>
|
|
/// bUnit rendering tests for the sidebar <see cref="NavMenu"/>. They verify the
|
|
/// collapsible section behaviour (sections collapsed by default, a toggle
|
|
/// reveals a section's items and persists state to a cookie) and that the
|
|
/// Notifications section's items are gated per-policy. The
|
|
/// <c>AuthorizeView Policy=...</c> blocks evaluate the real policies, which
|
|
/// require a claim of type <see cref="JwtTokenService.RoleClaimType"/> ("Role"),
|
|
/// so the test principal carries claims of that exact type.
|
|
/// </summary>
|
|
public class NavMenuTests : BunitContext
|
|
{
|
|
public NavMenuTests()
|
|
{
|
|
// NavMenu reads the nav-collapse cookie via the navState.get JS interop
|
|
// call in OnAfterRenderAsync and writes it via navState.set on toggle.
|
|
// Loose mode lets navState.get no-op (returns null) so the sidebar
|
|
// renders collapsed, and still records navState.set invocations.
|
|
JSInterop.Mode = JSRuntimeMode.Loose;
|
|
}
|
|
|
|
/// <summary>
|
|
/// Renders <see cref="NavMenu"/> under a principal holding the given roles.
|
|
/// <see cref="NavMenu"/>'s top-level <c>AuthorizeView</c> requires the
|
|
/// cascading <see cref="AuthenticationState"/>, so it is rendered inside a
|
|
/// <see cref="CascadingAuthenticationState"/>; the real policies are
|
|
/// registered so the per-item <c>AuthorizeView Policy=...</c> blocks are
|
|
/// genuinely evaluated.
|
|
/// </summary>
|
|
private IRenderedComponent<NavMenu> RenderWithRoles(params string[] roles)
|
|
{
|
|
var claims = new List<Claim> { new("Username", "tester") };
|
|
claims.AddRange(roles.Select(r => new Claim(JwtTokenService.RoleClaimType, r)));
|
|
|
|
var user = new ClaimsPrincipal(new ClaimsIdentity(claims, "TestAuth"));
|
|
Services.AddSingleton<AuthenticationStateProvider>(new TestAuthStateProvider(user));
|
|
Services.AddAuthorizationCore();
|
|
AuthorizationPolicies.AddScadaLinkAuthorization(Services);
|
|
// BunitContext pre-registers a placeholder IAuthorizationService that
|
|
// throws when AuthorizeView evaluates a policy. Force the real service
|
|
// so the per-item policy gating is genuinely exercised.
|
|
Services.AddSingleton<IAuthorizationService, DefaultAuthorizationService>();
|
|
|
|
var host = Render<CascadingAuthenticationState>(parameters => parameters
|
|
.Add(p => p.ChildContent, (RenderFragment)(builder =>
|
|
{
|
|
builder.OpenComponent<NavMenu>(0);
|
|
builder.CloseComponent();
|
|
})));
|
|
|
|
return host.FindComponent<NavMenu>();
|
|
}
|
|
|
|
/// <summary>
|
|
/// Clicks the collapsible section header whose title matches, expanding it.
|
|
/// </summary>
|
|
private static void ExpandSection(IRenderedComponent<NavMenu> cut, string title)
|
|
{
|
|
var toggle = cut.FindAll("button.nav-section-toggle")
|
|
.Single(b => b.TextContent.Contains(title, StringComparison.Ordinal));
|
|
toggle.Click();
|
|
}
|
|
|
|
[Fact]
|
|
public void Sections_AreCollapsedByDefault()
|
|
{
|
|
var cut = RenderWithRoles("Admin", "Design", "Deployment");
|
|
|
|
cut.WaitForAssertion(() =>
|
|
{
|
|
// Section headers render unconditionally...
|
|
Assert.Contains(">Notifications<", cut.Markup);
|
|
Assert.Contains(">Deployment<", cut.Markup);
|
|
// ...but their items stay out of the DOM until the section opens.
|
|
Assert.DoesNotContain("/notifications/smtp", cut.Markup);
|
|
Assert.DoesNotContain("/deployment/topology", cut.Markup);
|
|
});
|
|
}
|
|
|
|
[Fact]
|
|
public void TogglingSection_RevealsItsItems()
|
|
{
|
|
var cut = RenderWithRoles("Deployment");
|
|
Assert.DoesNotContain("/deployment/topology", cut.Markup);
|
|
|
|
ExpandSection(cut, "Deployment");
|
|
|
|
Assert.Contains("/deployment/topology", cut.Markup);
|
|
Assert.Contains("/deployment/deployments", cut.Markup);
|
|
Assert.Contains("/deployment/debug-view", cut.Markup);
|
|
}
|
|
|
|
[Fact]
|
|
public void TogglingSection_PersistsStateToCookie()
|
|
{
|
|
var cut = RenderWithRoles("Deployment");
|
|
|
|
ExpandSection(cut, "Deployment");
|
|
|
|
// Expanding wrote the cookie through the navState.set JS interop call.
|
|
var invocation = JSInterop.Invocations.Last(i => i.Identifier == "navState.set");
|
|
Assert.Equal("deployment", invocation.Arguments[0]);
|
|
}
|
|
|
|
[Fact]
|
|
public void NotificationsSection_ShowsAllItems_ForMultiRoleUser()
|
|
{
|
|
var cut = RenderWithRoles("Admin", "Design", "Deployment");
|
|
ExpandSection(cut, "Notifications");
|
|
|
|
cut.WaitForAssertion(() =>
|
|
{
|
|
Assert.Contains("Notifications", cut.Markup);
|
|
Assert.Contains("/notifications/smtp", cut.Markup);
|
|
Assert.Contains("/notifications/lists", cut.Markup);
|
|
Assert.Contains("/notifications/report", cut.Markup);
|
|
Assert.Contains("/notifications/kpis", cut.Markup);
|
|
});
|
|
}
|
|
|
|
[Fact]
|
|
public void NotificationsSection_AdminOnlyUser_SeesOnlySmtp()
|
|
{
|
|
var cut = RenderWithRoles("Admin");
|
|
ExpandSection(cut, "Notifications");
|
|
|
|
cut.WaitForAssertion(() =>
|
|
{
|
|
Assert.Contains("/notifications/smtp", cut.Markup);
|
|
Assert.DoesNotContain("/notifications/report", cut.Markup);
|
|
Assert.DoesNotContain("/notifications/lists", cut.Markup);
|
|
Assert.DoesNotContain("/notifications/kpis", cut.Markup);
|
|
});
|
|
}
|
|
|
|
[Fact]
|
|
public void OldRoutes_AreNoLongerLinked()
|
|
{
|
|
var cut = RenderWithRoles("Admin", "Design", "Deployment");
|
|
|
|
cut.WaitForAssertion(() =>
|
|
{
|
|
Assert.DoesNotContain("/admin/smtp", cut.Markup);
|
|
Assert.DoesNotContain("/monitoring/notification-outbox", cut.Markup);
|
|
});
|
|
}
|
|
}
|