[css-color-4] Split tests into multiple categories

Author: LeaVerou

css-color-4/tests.html

@@ -49,28 +49,61 @@
 <h1>Color Conversion Tests</h1>
 
 <section>
-	<h1>sRGB_to_LCH</h1>
+	<h1>sRGB to LCH</h1>
 	<table class="reftest">
 		<tbody>
 			<script>
-
-
 				for (let test of tests) {
 					reftest(`sRGB ${test.RGB} to LCH`, sRGB_to_LCH, [test.RGB], test.LCH);
+				}
+			</script>
+		</tbody>
+	</table>
+</section>
+
+<section>
+	<h1>sRGB to XYZ</h1>
+	<table class="reftest">
+		<tbody>
+			<script>
+				for (let test of tests) {
 					reftest(`sRGB ${test.RGB} to XYZ`, a => lin_sRGB_to_XYZ(lin_sRGB(a)), [test.RGB], test.XYZ);
 					reftest(`P3 ${test.RGB} to LCH`, P3_to_LCH, [test.RGB], test.P3_to_LCH);
 					reftest(`P3 ${test.RGB} to XYZ`, a => lin_P3_to_XYZ(lin_P3(a)), [test.RGB], test.P3_to_XYZ);
 				}
 			</script>
-			<!-- <script>
-				reftest("sRGB 0,0,0 to LCH", sRGB_to_LCH, [[0, 0, 0]], [0, 0, 0])
-			</script> -->
 		</tbody>
+	</table>
+</section>
 
+<section>
+	<h1>P3 to LCH</h1>
+	<table class="reftest">
+		<tbody>
+			<script>
+				for (let test of tests) {
+					reftest(`P3 ${test.RGB} to LCH`, P3_to_LCH, [test.RGB], test.P3_to_LCH);
+				}
+			</script>
+		</tbody>
+	</table>
+</section>
 
+<section>
+	<h1>P3 to XYZ</h1>
+	<table class="reftest">
+		<tbody>
+			<script>
+				for (let test of tests) {
+					reftest(`P3 ${test.RGB} to XYZ`, a => lin_P3_to_XYZ(lin_P3(a)), [test.RGB], test.P3_to_XYZ);
+				}
+			</script>
+		</tbody>
 	</table>
 </section>
 
 
+
+
 </body>
 </html>