updates to failed requests sim

Author: rhamlett

src/PerfProblemSimulator/Services/FailedRequestService.cs

@@ -297,14 +297,21 @@ private async Task SendFailedRequest(CancellationToken cancellationToken)
             client.BaseAddress = new Uri(_baseUrl!);
             client.Timeout = TimeSpan.FromSeconds(30);
 
-            var jsonContent = JsonSerializer.Serialize(FailureRequestBody);
-            using var content = new StringContent(jsonContent, Encoding.UTF8, "application/json");
+            // Build query string for GET request (LoadTestController uses [HttpGet] with [FromQuery] params)
+            // Values match the FailureRequestBody constants above
+            var queryParams = "?baselineDelayMs=1500" +
+                             "&workIterations=500" +
+                             "&bufferSizeKb=100" +
+                             "&softLimit=10000" +
+                             "&degradationFactor=0" +
+                             "&errorAfter=1" +
+                             "&errorPercent=100";
 
             _logger.LogDebug(
                 "Sending failed request {RequestId} to {Url}",
-                requestId, $"{_baseUrl}/api/loadtest");
+                requestId, $"{_baseUrl}/api/loadtest{queryParams}");
 
-            var response = await client.PostAsync("/api/loadtest", content, cancellationToken);
+            var response = await client.GetAsync($"/api/loadtest{queryParams}", cancellationToken);
 
             stopwatch.Stop();
 

src/PerfProblemSimulator/wwwroot/css/dashboard.css

@@ -720,26 +720,26 @@ body {
 
 /* Failed Request Simulator Styles (HTTP 5xx generation) */
 .btn-failedrequest {
-    background: linear-gradient(135deg, #ff1493 0%, #c71585 100%);
+    background: linear-gradient(135deg, #8B4513 0%, #6b3410 100%);
     color: white;
-    border: 2px solid #ff69b4;
+    border: 2px solid #a0522d;
     animation: pulse-fail 2.5s infinite;
     flex: 1;
 }
 
 .btn-failedrequest:hover:not(:disabled) {
-    background: linear-gradient(135deg, #ff69b4 0%, #ff1493 100%);
-    border-color: #ff85c1;
+    background: linear-gradient(135deg, #a0522d 0%, #8B4513 100%);
+    border-color: #cd853f;
 }
 
 @keyframes pulse-fail {
-    0%, 100% { box-shadow: 0 0 5px rgba(255, 20, 147, 0.3); }
-    50% { box-shadow: 0 0 12px rgba(255, 20, 147, 0.5); }
+    0%, 100% { box-shadow: 0 0 5px rgba(139, 69, 19, 0.3); }
+    50% { box-shadow: 0 0 12px rgba(139, 69, 19, 0.5); }
 }
 
 .failedrequest-group {
-    border: 2px solid #ff1493;
-    background: rgba(255, 20, 147, 0.05);
+    border: 2px solid #8B4513;
+    background: rgba(139, 69, 19, 0.05);
 }
 
 .slowrequest-status.active {
@@ -903,7 +903,7 @@ body {
 .log-entry.memory { color: var(--color-memory); }
 .log-entry.threads { color: var(--color-threads); }
 .log-entry.slowrequest { color: #b8860b; } /* Dark goldenrod for slow requests */
-.log-entry.failedrequests { color: #ff1493; } /* Hot pink for failed requests */
+.log-entry.failedrequests { color: #8B4513; } /* Medium brown for failed requests */
 .log-entry.crash { color: var(--color-danger); }
 .log-entry.loadtest { color: var(--color-primary); } /* .NET theme: blue */
 .log-entry.system { color: var(--color-text-muted); }

src/PerfProblemSimulator/wwwroot/index.html

@@ -163,7 +163,6 @@ <h3>❌ Failed Requests <span class="control-tooltip" data-tooltip="Generates HT
                 </div>
                 <div class="btn-group">
                     <button class="btn btn-trigger btn-failedrequest" id="btnStartFailedRequests">❌ Generate Failures</button>
-                    <button class="btn btn-stop" id="btnStopFailedRequests">⬛ Stop</button>
                 </div>
             </div>
 

src/PerfProblemSimulator/wwwroot/js/dashboard.js

@@ -1224,13 +1224,11 @@ async function startFailedRequests() {
     const requestCount = parseInt(document.getElementById('failedRequestCount').value) || 10;
 
     const startBtn = document.getElementById('btnStartFailedRequests');
-    const stopBtn = document.getElementById('btnStopFailedRequests');
 
     try {
         logEvent('failedrequests', `Generating ${requestCount} HTTP 500 errors...`);
 
         startBtn.disabled = true;
-        stopBtn.disabled = false;
 
         const response = await fetch(`${CONFIG.apiBaseUrl}/failedrequest/start`, {
             method: 'POST',
@@ -1251,21 +1249,20 @@ async function startFailedRequests() {
             const error = await response.json();
             logEvent('failedrequests', `Failed to start: ${error.message || error.title || 'Unknown error'}`);
             startBtn.disabled = false;
-            stopBtn.disabled = true;
         }
     } catch (err) {
         logEvent('failedrequests', `Request failed: ${err.message}`);
         startBtn.disabled = false;
-        stopBtn.disabled = true;
     }
 }
 
 /**
  * Stops the failed request simulator.
+ * Note: Stop button removed from UI - requests complete too quickly to intervene.
+ * This function retained for API compatibility.
  */
 async function stopFailedRequests() {
     const startBtn = document.getElementById('btnStartFailedRequests');
-    const stopBtn = document.getElementById('btnStopFailedRequests');
 
     try {
         logEvent('failedrequests', 'Stopping failed request simulator...');
@@ -1286,7 +1283,6 @@ async function stopFailedRequests() {
         logEvent('failedrequests', `Request failed: ${err.message}`);
     } finally {
         startBtn.disabled = false;
-        stopBtn.disabled = true;
     }
 }
 
@@ -1295,7 +1291,6 @@ async function stopFailedRequests() {
  */
 async function pollFailedRequestStatus() {
     const startBtn = document.getElementById('btnStartFailedRequests');
-    const stopBtn = document.getElementById('btnStopFailedRequests');
 
     try {
         const response = await fetch(`${CONFIG.apiBaseUrl}/failedrequest/status`);
@@ -1308,7 +1303,6 @@ async function pollFailedRequestStatus() {
             } else {
                 // Simulation ended
                 startBtn.disabled = false;
-                stopBtn.disabled = true;
                 removeSimulationsByType('failedrequest');
 
                 if (status.requestsCompleted > 0) {
@@ -1319,7 +1313,6 @@ async function pollFailedRequestStatus() {
     } catch (err) {
         // Connection lost - probably a restart
         startBtn.disabled = false;
-        stopBtn.disabled = true;
     }
 }
 
@@ -1659,11 +1652,9 @@ document.addEventListener('DOMContentLoaded', async () => {
     document.getElementById('btnStartSlowRequests').addEventListener('click', startSlowRequests);
     document.getElementById('btnStopSlowRequests').addEventListener('click', stopSlowRequests);
     document.getElementById('btnStartFailedRequests').addEventListener('click', startFailedRequests);
-    document.getElementById('btnStopFailedRequests').addEventListener('click', stopFailedRequests);
 
     // Initialize slow request Stop button as disabled
     document.getElementById('btnStopSlowRequests').disabled = true;
-    document.getElementById('btnStopFailedRequests').disabled = true;
 
     // Wire up side panel toggle
     initializeSidePanel();