test(rendering): update details page rendering assertions

Author: georgidhristov

DebugProbe.AspNetCore.Tests/Rendering/HtmlRendererTests.cs

@@ -46,16 +46,16 @@ public void Details_page_renders_captured_values()
     }
 
     [Fact]
-    public void Payload_badges_render_for_json_empty_text_and_hidden_payloads()
+    public void Payload_groups_render_for_json_empty_text_and_hidden_payloads()
     {
         var jsonHtml = HtmlRenderer.RenderDetailsPage(CreateEntry(), CreateEnvironment(), "{\"ok\":true}", "plain");
         var emptyHtml = HtmlRenderer.RenderDetailsPage(CreateEntry(), CreateEnvironment(), "", "");
         var hiddenHtml = HtmlRenderer.RenderDetailsPage(CreateEntry(), CreateEnvironment(), "[Body too large]", "[Body too large]");
 
-        Assert.Contains("payload-json", jsonHtml);
-        Assert.Contains("payload-text", jsonHtml);
-        Assert.Contains("payload-empty", emptyHtml);
-        Assert.Contains("payload-hidden", hiddenHtml);
+        Assert.Contains("Request", jsonHtml);
+        Assert.Contains("Response", jsonHtml);
+
+        Assert.Contains("[Body too large]", hiddenHtml);
     }
 
     [Fact]

DebugProbe.AspNetCore/Assets/html/details.html

@@ -51,7 +51,7 @@ <h2>{{method}} {{path}}</h2>
         </div>
 
         <div class="details-card">
-            <div class="details-card-title">Environment</div>
+            <div class="details-card-title">Environment Overview</div>
 
             <div class="details-item">
                 <span>Environment</span>