feat(status): unify resource status badges

Introduce a shared status badge component and reuse it across resource status views, service cards, and the server navbar. Replace icon-only refresh controls with consistent badge buttons and cover the new status layout with feature tests.
2026-10-14 02:15:51 +00:00 · 2026-06-05 13:31:20 +02:00
1 parent 7053f560c5
commit 51583069f4
@@ -0,0 +1,78 @@
+<?php
+
+it('renders application and database statuses as shared status badges', function (string $status, string $expectedText) {
+    $resource = new class($status)
+    {
+        public function __construct(public string $status) {}
+    };
+
+    $html = view('components.status.index', [
+        'resource' => $resource,
+        'showRefreshButton' => false,
+    ])->render();
+
+    expect($html)
+        ->toContain('inline-flex h-5 max-w-full items-center gap-1 rounded-sm border')
+        ->toContain($expectedText)
+        ->not->toContain('badge-success')
+        ->not->toContain('badge-warning')
+        ->not->toContain('badge-error');
+})->with([
+    'running healthy' => ['running:healthy', 'Running (healthy)'],
+    'starting unknown' => ['starting:unknown', 'Starting (unknown)'],
+    'degraded unhealthy' => ['degraded:unhealthy', 'Degraded (unhealthy)'],
+    'exited unhealthy' => ['exited:unhealthy', 'Exited'],
+]);
+
+it('renders service container statuses as shared status badges', function () {
+    $html = view('components.status.services', [
+        'complexStatus' => 'running:healthy',
+        'showRefreshButton' => false,
+    ])->render();
+
+    expect($html)
+        ->toContain('inline-flex h-5 max-w-full items-center gap-1 rounded-sm border')
+        ->toContain('Running (healthy)')
+        ->not->toContain('badge-success');
+});
+
+it('uses a shared refresh badge for resource status refresh actions', function () {
+    $statusIndex = file_get_contents(resource_path('views/components/status/index.blade.php'));
+    $serviceStatus = file_get_contents(resource_path('views/components/status/services.blade.php'));
+
+    expect($statusIndex)
+        ->toContain('<x-status-badge as="button"')
+        ->toContain("wire:click='manualCheckStatus'")
+        ->toContain('wire:loading.attr="disabled"')
+        ->not->toContain('status="Refreshing..."')
+        ->toContain('wire:loading.attr="disabled"')
+        ->not->toContain('status="Refreshing..."')
+        ->not->toContain('<svg');
+
+    expect(file_get_contents(resource_path('views/livewire/project/service/resource-card.blade.php')))
+        ->toContain('<x-status-badge')
+        ->toContain('formatContainerStatus($resource->status)');
+
+    expect($serviceStatus)
+        ->toContain('<x-status-badge as="button"')
+        ->toContain("wire:click='manualCheckStatus'")
+        ->not->toContain('<svg');
+});
+
+it('renders health warning helpers as badges instead of warning icons', function () {
+    $html = view('components.status.running', [
+        'status' => 'running:unknown',
+    ])->render();
+    $runningStatus = file_get_contents(resource_path('views/components/status/running.blade.php'));
+
+    expect($html)
+        ->toContain('No health check')
+        ->toContain('inline-flex h-5 max-w-full items-center gap-1 rounded-sm border')
+        ->not->toContain('<svg');
+
+    expect($runningStatus)
+        ->toContain('<x-status-badge')
+        ->toContain('class="flex items-center gap-1"')
+        ->not->toContain('class="px-2"')
+        ->not->toContain('viewBox="0 0 256 256"');
+});