alexei.dolgolyov
12208a4762
Frontend portion of Phase 7. Backend (commit a6ff368) had already shipped
the AnomalyDetector, DetectAnomaliesUseCase, AnomalyDetectionPoller, and
all DI wiring. This commit adds the user-facing surfaces.
New surfaces (Option A routing — folder-per-feature):
- Pages/Anomalies/AnomalyFeed.razor (@page /anomalies) — replaces the
Phase 5 placeholder with a severity-coded card stream, filter chips
(severity / sport / date), unread-count summary, 'Mark all read' action.
- Pages/Anomalies/Detail.razor (@page /anomalies/{id:guid}) — m-detail-header
lockup + AnomalyEvidence panel + back link to /events/{eventCode}.
New components:
- AnomalyCard.razor — severity-tinted left border (signal-red on High,
amber on Medium, neutral on Low) + SeverityBadge pill + sport icon +
pre→post tabular-mono rate strip + relative time. Click navigates.
- SeverityBadge.razor — small pill mapping score → bucket per backend
handoff (Low <0.45, Medium <0.60, High ≥0.60).
- AnomalyEvidence.razor — two-column pre/post panel with implied-prob
bars + raw rates; favourite-swap callout when argmax(p_pre) ≠ argmax(p_post);
signal-red 3px left border on the post column. Handles 2-way (no draw).
State + service split mirrors Phase 6's pattern:
- AnomalyViewModels.cs — AnomalyListItem / AnomalyDetailVm / Severity enum
/ AnomalyEvidenceSnapshot record. Severity computed in the view-model
from Score.
- IAnomalyBrowsingService / AnomalyBrowsingService — wraps IAnomalyRepository,
parses Anomaly.EvidenceJson into typed view-models, applies filters
client-side. Methods: ListAsync(filter, ct), GetByIdAsync(id, ct),
GetUnreadCountAsync(since, ct).
- AnomalyBrowsingState — Singleton holding AnomalyFilter (severity threshold,
sport set, date range) + LastSeenUtc + cached UnreadCount. OnChange event.
Nav badge:
- NavBody.razor subscribes to AnomalyBrowsingState.OnChange, renders a
pulsing red m-nav__badge when UnreadCount > 0. Badge resets when the
user clicks 'Mark all read' on the feed toolbar.
Settings toggle:
- Settings.razor — added Workers:AnomalyDetectionEnabled toggle (backend
added the flag). Localized via Settings.Worker.AnomalyDetectionEnabled.
- Marathon.UI.Services.WorkerOptions mirror — added AnomalyDetectionEnabled
(default true).
Localization: +30 RU/EN keys following the dot-segmented convention
(Anomaly.*, Settings.Worker.AnomalyDetectionEnabled). Full key parity verified.
Tests (+31 bUnit, all passing):
- AnomalyFeedTests, AnomalyDetailTests
- AnomalyCardTests, SeverityBadgeTests, AnomalyEvidenceTests
- FakeAnomalyBrowsingService support fake registered in MarathonTestContext.
Routing: deleted the Phase 5 Pages/Anomalies.razor placeholder; new feed
page lives at Pages/Anomalies/AnomalyFeed.razor.
Build: 0 warnings, 0 errors.
Tests: Domain 109 + Application 19 + Infrastructure 80 + UI 68 = 276/276
(baseline 245, +31 new bUnit tests, no regressions).
Phase 7 status: ✅ Done (backend + frontend both complete, awaiting review).
Known deferral: AnomalyBrowsingState.LastSeenUtc is in-memory only; the
unread-count badge resets on app restart. Acceptable for now; Phase 9 may
extend ISettingsWriter or add an ILastSeenStore.
85 lines
2.8 KiB
C#
85 lines
2.8 KiB
C#
using Bunit;
|
|
using Marathon.UI.Components;
|
|
using Marathon.UI.Services;
|
|
using Marathon.UI.Tests.Support;
|
|
using Microsoft.AspNetCore.Components;
|
|
|
|
namespace Marathon.UI.Tests.Components;
|
|
|
|
public sealed class AnomalyCardTests : MarathonTestContext
|
|
{
|
|
[Fact]
|
|
public void Renders_event_title_severity_pill_and_kind_kicker()
|
|
{
|
|
var item = FakeAnomalyBrowsingService.MakeItem(
|
|
title: "Lakers vs Bulls",
|
|
score: 0.72m);
|
|
|
|
var cut = RenderComponent<AnomalyCard>(p => p.Add(c => c.Item, item));
|
|
|
|
cut.Markup.Should().Contain("Lakers vs Bulls");
|
|
cut.Find("[data-test=severity-badge]").GetAttribute("class").Should().Contain("m-severity--high");
|
|
cut.Markup.Should().Contain("Anomaly.Kind.SuspensionFlip");
|
|
}
|
|
|
|
[Fact]
|
|
public void Card_uses_high_severity_left_border_class()
|
|
{
|
|
var item = FakeAnomalyBrowsingService.MakeItem(score: 0.65m);
|
|
var cut = RenderComponent<AnomalyCard>(p => p.Add(c => c.Item, item));
|
|
|
|
var card = cut.Find("[data-test=anomaly-card]");
|
|
card.GetAttribute("class").Should().Contain("m-anomaly-card--high");
|
|
}
|
|
|
|
[Fact]
|
|
public void Card_uses_low_severity_left_border_class()
|
|
{
|
|
var item = FakeAnomalyBrowsingService.MakeItem(score: 0.32m);
|
|
var cut = RenderComponent<AnomalyCard>(p => p.Add(c => c.Item, item));
|
|
|
|
var card = cut.Find("[data-test=anomaly-card]");
|
|
card.GetAttribute("class").Should().Contain("m-anomaly-card--low");
|
|
}
|
|
|
|
[Fact]
|
|
public void Click_invokes_callback_with_item()
|
|
{
|
|
var item = FakeAnomalyBrowsingService.MakeItem();
|
|
AnomalyListItem? clicked = null;
|
|
var cut = RenderComponent<AnomalyCard>(p => p
|
|
.Add(c => c.Item, item)
|
|
.Add(c => c.OnClick, EventCallback.Factory.Create<AnomalyListItem>(this, x => clicked = x)));
|
|
|
|
cut.Find("[data-test=anomaly-card]").Click();
|
|
|
|
clicked.Should().NotBeNull();
|
|
clicked!.Id.Should().Be(item.Id);
|
|
}
|
|
|
|
[Fact]
|
|
public void Two_way_card_omits_draw_strip_cell()
|
|
{
|
|
var item = FakeAnomalyBrowsingService.MakeItem(isTwoWay: true);
|
|
var cut = RenderComponent<AnomalyCard>(p => p.Add(c => c.Item, item));
|
|
|
|
// Strip should mention Win1 + Win2 only — not Draw.
|
|
cut.Markup.Should().Contain("Detail.Chart.Win1");
|
|
cut.Markup.Should().Contain("Detail.Chart.Win2");
|
|
cut.Markup.Should().NotContain("Detail.Chart.Draw");
|
|
}
|
|
|
|
[Fact]
|
|
public void Three_way_card_renders_draw_strip_cell()
|
|
{
|
|
var item = FakeAnomalyBrowsingService.MakeItem(
|
|
isTwoWay: false,
|
|
preDraw: 3.30m,
|
|
postDraw: 3.20m);
|
|
|
|
var cut = RenderComponent<AnomalyCard>(p => p.Add(c => c.Item, item));
|
|
|
|
cut.Markup.Should().Contain("Detail.Chart.Draw");
|
|
}
|
|
}
|