Files
git.stella-ops.org/docs/features/checked/web/verdict-chip-status-display.md
2026-02-12 10:27:23 +02:00

2.2 KiB

Verdict Chip / Status Display (Allowed/Blocked/Warn)

Module

Web

Status

VERIFIED

Description

Verdict display through the shared badge/chip UI and verdict model mappings for compact status rendering (Allowed, Blocked, Warn) with deterministic severity-first status ordering.

Implementation Details

  • Feature directory: src/Web/StellaOps.Web/src/app/shared/components/badge/
  • Core component:
    • badge (src/Web/StellaOps.Web/src/app/shared/components/badge/badge.component.ts)
  • Verdict status display contract:
    • src/Web/StellaOps.Web/src/app/features/verdicts/models/verdict.models.ts
      • VERDICT_STATUS_CHIP_LABELS
      • VERDICT_STATUS_BADGE_VARIANTS
      • compareVerdictStatus(...)
  • Behavior coverage:
    • src/Web/StellaOps.Web/src/tests/verdicts/verdict-chip-status-display.behavior.spec.ts
  • Source: Feature matrix scan plus QA deterministic display contract hardening in Sprint SPRINT_20260211_029_FE_web_feature_verification_batch40.

E2E Test Plan

  • Setup:
    • Log in with a user that has appropriate permissions
    • Navigate to a page showing verdict status chips
    • Ensure verdict statuses include pass/blocked/warned examples
  • Core verification:
    • Verify chip renders with correct status color and compact label (Allowed/Blocked/Warn)
    • Verify chip updates reactively when underlying status changes
    • Verify deterministic ordering of statuses in lists using severity-first comparator
  • Edge cases:
    • Verify fallback handling for unknown/missing status sources
    • Verify responsive layout behavior for compact chip rendering
    • Verify accessibility labels remain consistent with displayed status

Verification

  • Run ID: docs/qa/feature-checks/runs/web/verdict-chip-status-display/run-001/
  • Date (UTC): 2026-02-11
  • Tier 0: PASS (source/symbol verification, added supported behavior harness and explicit deterministic verdict-chip mapping/sort helpers).
  • Tier 1: PASS (npm run test focused + regression include suite: 30 files / 141 tests; npm run build passed with baseline warnings).
  • Tier 2: PASS (chip label/variant mapping, reactive status transitions, and deterministic severity-first ordering validated via Angular behavior harness).