Add known unit to runtime page table for wall-time

Author: Kobzol

site/frontend/src/pages/compare/runtime/comparisons-table.vue

@@ -3,16 +3,28 @@ import {TestCaseComparison} from "../data";
 import Tooltip from "../tooltip.vue";
 import {percentClass} from "../shared";
 import {RuntimeTestCase} from "./common";
+import {computed} from "vue";
 
 const props = defineProps<{
   comparisons: TestCaseComparison<RuntimeTestCase>[];
   hasNonRelevant: boolean;
   showRawData: boolean;
+  metric: string;
 }>();
 
 function prettifyRawNumber(number: number): string {
   return number.toLocaleString();
 }
+
+const unit = computed(() => {
+  // The DB stored wall-time data in nanoseconds for runtime benchmarks, so it is
+  // hardcoded here
+  if (props.metric == "wall-time") {
+    return "ns";
+  } else {
+    return null;
+  }
+});
 </script>
 
 <template>
@@ -90,14 +102,14 @@ function prettifyRawNumber(number: number): string {
               </div>
             </td>
             <td v-if="showRawData" class="numeric">
-              <abbr :title="comparison.datumA.toString()">{{
-                prettifyRawNumber(comparison.datumA)
-              }}</abbr>
+              <abbr :title="comparison.datumA.toString()"
+                >{{ prettifyRawNumber(comparison.datumA) }}{{ unit }}</abbr
+              >
             </td>
             <td v-if="showRawData" class="numeric">
-              <abbr :title="comparison.datumB.toString()">{{
-                prettifyRawNumber(comparison.datumB)
-              }}</abbr>
+              <abbr :title="comparison.datumB.toString()"
+                >{{ prettifyRawNumber(comparison.datumB) }}{{ unit }}</abbr
+              >
             </td>
           </tr>
         </template>

site/frontend/src/pages/compare/runtime/runtime-page.vue

@@ -124,6 +124,7 @@ const filteredSummary = computed(() => computeSummary(comparisons.value));
     :comparisons="comparisons"
     :has-non-relevant="allComparisons.length > 0"
     :show-raw-data="filter.showRawData"
+    :metric="selector.stat"
   />
 </template>