From 6ab1dd6caf5162cd82a0ec1d8828ba30df4dabb3 Mon Sep 17 00:00:00 2001
From: John Grimes <John.Grimes@csiro.au>
Date: Tue, 27 Aug 2024 11:21:52 +1000
Subject: [PATCH] Modify test report to group by tag

---
 test_report/src/Impls.svelte | 79 ++++++++++++++++++++++++++----------
 1 file changed, 58 insertions(+), 21 deletions(-)

diff --git a/test_report/src/Impls.svelte b/test_report/src/Impls.svelte
index 35a2305..d5208a1 100644
--- a/test_report/src/Impls.svelte
+++ b/test_report/src/Impls.svelte
@@ -2,6 +2,30 @@
  import { onMount } from "svelte";
  import implementations from '../public/implementations.json';
  import tests from '../public/tests.json';
+ 
+ // Get all the unique tags in the test suite.
+ const tags = new Set();
+ tests.forEach(test => {
+     test.tests.forEach(t => {
+          t.tags.forEach(tag => tags.add(tag));
+     });
+ });
+ console.log("tests", tests);
+ console.log("tags", tags);
+ // Construct a mapping of tag to display name, with the reserved tags first.
+ const reservedTags = {
+     shareable: "Profile: Shareable View Definition",
+     tabular: "Profile: Tabular View Definition",
+     experimental: "Experimental"
+ }
+ const otherTags = Array.from(tags)
+     .filter(tag => !Object.keys(reservedTags).includes(tag))
+     .reduce((acc, tag) => {
+         acc[tag] = tag;
+         return acc;
+     }, {});
+ const sections = { ...reservedTags, ...otherTags }
+ console.log("sections", sections);
 
  async function load(file){
      try {
@@ -31,7 +55,7 @@
         <table class="flex-1">
             <thead>
                 <tr>
-                    <th class="px-4 py-1 border bg-gray-100">Test</th>
+                    <th class="px-4 py-1 border bg-gray-100 text-left">Test</th>
                     {#each impls as impl}
                         <th class="px-4 py-1 border bg-gray-100">
                             <a class="text-blue-800 display-block" href={impl.url}>{impl.name}</a>
@@ -41,31 +65,44 @@
             </thead>
 
             <tbody>
-                {#each tests as test}
-                    <tr>
-                        <td class="px-4 py-1 border font-bold ">
-                            <a href={"#tests/" + test.file}> {test.title} </a>
-                        </td>
+                {#each Object.keys(sections) as section}
+                {#if tags.has(section)}
+                  <tr>
+                      <td class="px-4 py-1 border font-bold bg-gray-50" colspan="100%">
+                          {sections[section]}
+                      </td>
                     </tr>
-                    {#each test?.tests || [] as t, i}
+                    {#each tests as test}
+                    {#if (test?.tests || []).find(t => t.tags.includes(section))}  
                         <tr>
-                            <td class="px-6 py-1 border ">
-                                <a href={"#tests/" + test.file}> {t.title} </a>
+                            <td class="px-4 py-1 border font-bold " colspan="100%">
+                                <a href={"#tests/" + test.file}> {test.title} </a>
                             </td>
-                            {#each impls as impl}
-                                {@const res = ((((impl.results || {})[test.file] || {}).tests || [])[i]?.result?.passed)}
-                                <td class="px-4 py-1 border">
-                                    {#if res === true}
-                                        <span class="font-bold text-green-500">✓</span>
-                                    {:else if res === false }
-                                        <span class="font-bold text-red-500">⚠</span>
-                                    {:else}
-                                        <span>-</span>
-                                    {/if}
-                                </td>
-                            {/each}
                         </tr>
+                        {#each test?.tests || [] as t, i}
+                        {#if t.tags.includes(section)}
+                            <tr>
+                                <td class="px-6 py-1 border ">
+                                    <a href={"#tests/" + test.file}> {t.title} </a>
+                                </td>
+                                {#each impls as impl}
+                                    {@const res = ((((impl.results || {})[test.file] || {}).tests || [])[i]?.result?.passed)}
+                                    <td class="px-4 py-1 border">
+                                        {#if res === true}
+                                            <span class="font-bold text-green-500">✓</span>
+                                        {:else if res === false }
+                                            <span class="font-bold text-red-500">⚠</span>
+                                        {:else}
+                                            <span>-</span>
+                                        {/if}
+                                    </td>
+                                {/each}
+                            </tr>
+                        {/if}
+                        {/each}
+                    {/if}
                     {/each}
+                {/if}
                 {/each}
             </tbody>
         </table>