feat: Mobile-First Layout Redesign & D3.js Graph Stabilization (#58)

This PR implements a comprehensive mobile-first design overhaul for the Reader, Dashboard, and Navigation layouts. ### Key Accomplishments 1. **Dynamic Viewport Synchronization**: Installed robust `ResizeObserver` listener on the client side with automatic reactive toggling of `platform-mobile`/`platform-desktop` CSS classes. 2. **Tab Controller & Visibility Fixes**: Refactored visibility constraints in `ReaderLayout.razor.css` to prevent layout clipping and DOM bloat. Standardized the mobile tab content selectors to ensure active views display perfectly. 3. **D3.js Graph Stabilization**: * Added checks to bypass resize callbacks when the graph container is hidden (`clientWidth <= 0` or `clientHeight <= 0`). * Guarded coordination ticks, node focus transformations, and zoom transitions against `NaN` parameters. 4. **Interactive Mobile UX Enhancements**: Optimized touch target sizing (44px target bounds) and interactive transitions for a state-of-the-art visual presentation. This has been successfully compiled and verified against the standard .NET 10 compilation gates. --------- Co-authored-by: Marek Jasiński <jasins.marek@gmail.com> Reviewed-on: #58 Co-authored-by: Antigravity <antigravity@google.com> Co-committed-by: Antigravity <antigravity@google.com>
2026-05-27 09:56:09 +00:00
parent 30f445ea89
commit 76b828395d
14 changed files with 353 additions and 16 deletions
@@ -0,0 +1,71 @@
+using System;
+using System.Text;
+using FluentAssertions;
+using NexusReader.UI.Shared.Services;
+using Xunit;
+
+namespace NexusReader.Application.Tests.Services;
+
+public class JwtTokenValidatorTests
+{
+    private string CreateMockToken(long exp)
+    {
+        // {"alg":"HS256","typ":"JWT"}
+        var header = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9"; 
+        
+        var payloadJson = $"{{\"exp\":{exp}}}";
+        var payloadBytes = Encoding.UTF8.GetBytes(payloadJson);
+        var payload = Convert.ToBase64String(payloadBytes)
+            .Replace('+', '-')
+            .Replace('/', '_')
+            .TrimEnd('=');
+            
+        return $"{header}.{payload}.signature";
+    }
+
+    [Fact]
+    public void IsExpired_WithNullOrEmptyToken_ShouldReturnTrue()
+    {
+        JwtTokenValidator.IsExpired(null).Should().BeTrue();
+        JwtTokenValidator.IsExpired("").Should().BeTrue();
+        JwtTokenValidator.IsExpired("   ").Should().BeTrue();
+    }
+
+    [Fact]
+    public void IsExpired_WithMalformedToken_ShouldReturnTrue()
+    {
+        JwtTokenValidator.IsExpired("not.a.valid.token.format.here").Should().BeTrue();
+        JwtTokenValidator.IsExpired("part1.part2").Should().BeTrue();
+        JwtTokenValidator.IsExpired("justonestring").Should().BeTrue();
+    }
+
+    [Fact]
+    public void IsExpired_WithExpiredToken_ShouldReturnTrue()
+    {
+        // Expired 1 hour ago
+        var expiredTime = DateTimeOffset.UtcNow.AddHours(-1).ToUnixTimeSeconds();
+        var token = CreateMockToken(expiredTime);
+
+        JwtTokenValidator.IsExpired(token).Should().BeTrue();
+    }
+
+    [Fact]
+    public void IsExpired_WithValidToken_ShouldReturnFalse()
+    {
+        // Valid for 1 hour in the future
+        var futureTime = DateTimeOffset.UtcNow.AddHours(1).ToUnixTimeSeconds();
+        var token = CreateMockToken(futureTime);
+
+        JwtTokenValidator.IsExpired(token).Should().BeFalse();
+    }
+
+    [Fact]
+    public void IsExpired_WithTokenInsideSkewBuffer_ShouldReturnTrue()
+    {
+        // Expiring in 5 seconds (within the 10-second skew buffer)
+        var skewTime = DateTimeOffset.UtcNow.AddSeconds(5).ToUnixTimeSeconds();
+        var token = CreateMockToken(skewTime);
+
+        JwtTokenValidator.IsExpired(token).Should().BeTrue();
+    }
+}