From 824c6041abeae13976a4c67cbba6310bbc388ba8 Mon Sep 17 00:00:00 2001
From: Terts Diepraam <terts.diepraam@gmail.com>
Date: Tue, 15 Feb 2022 19:36:15 +0100
Subject: [PATCH] docs: fix progress bar sizes for SKIP

---
 docs/src/test_coverage.js | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/docs/src/test_coverage.js b/docs/src/test_coverage.js
index b696ed6a9..e601229af 100644
--- a/docs/src/test_coverage.js
+++ b/docs/src/test_coverage.js
@@ -7,13 +7,18 @@ function progressBar(totals) {
 		totalTests += value;
 	}
 	const passPercentage = Math.round(100 * totals["PASS"] / totalTests);
-	const skipPercentage = passPercentage + Math.round(100 * totals["PASS"] / totalTests);
+	const skipPercentage = passPercentage + Math.round(100 * totals["SKIP"] / totalTests);
+
+	// The ternary expressions are used for some edge-cases where there are no failing test,
+	// but still a red (or beige) line shows up because of how CSS draws gradients.
 	bar.style = `background: linear-gradient(
         to right,
-        var(--PASS) ${passPercentage}%,
-        var(--SKIP) ${passPercentage}%,
-        var(--SKIP) ${skipPercentage}%,
-        var(--FAIL) 0)`;
+        var(--PASS) ${passPercentage}%`
+		+ ( passPercentage === 100 ? ", var(--PASS)" :
+        `, var(--SKIP) ${passPercentage}%,
+        var(--SKIP) ${skipPercentage}%`
+		)
+        + (skipPercentage === 100 ? ")" : ", var(--FAIL) 0)");
 	
 	const progress = document.createElement("div");
 	progress.className = "progress"