Show target in runtime benchmark comparison page

Author: Kobzol

site/frontend/src/pages/compare/runtime/common.ts

@@ -1,9 +1,11 @@
 import {BenchmarkFilter, StatComparison} from "../types";
 import {calculateComparison, TestCaseComparison} from "../data";
 import {benchmarkNameMatchesFilter} from "../shared";
+import {Target} from "../compile/common";
 
 export interface RuntimeTestCase {
   benchmark: string;
+  target: Target;
 }
 
 export type RuntimeBenchmarkFilter = BenchmarkFilter;
@@ -16,6 +18,7 @@ export const defaultRuntimeFilter: RuntimeBenchmarkFilter = {
 
 export interface RuntimeBenchmarkComparison {
   benchmark: string;
+  target: Target;
   comparison: StatComparison;
 }
 
@@ -37,6 +40,7 @@ export function computeRuntimeComparisonsWithNonRelevant(
       (c: RuntimeBenchmarkComparison): TestCaseComparison<RuntimeTestCase> => {
         let testCase = {
           benchmark: c.benchmark,
+          target: c.target,
         };
         return calculateComparison(c.comparison, testCase);
       }

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import {TestCaseComparison} from "../data";
 import Tooltip from "../tooltip.vue";
-import {percentClass} from "../shared";
+import {formatTarget, percentClass} from "../shared";
 import {RuntimeTestCase} from "./common";
 import {computed} from "vue";
 import Accordion from "../../../components/accordion.vue";
@@ -52,6 +52,7 @@ const unit = computed(() => {
         <tr>
           <th class="toggle-arrow"></th>
           <th>Benchmark</th>
+          <th>Target</th>
           <th>% Change</th>
           <th>
             Significance Threshold
@@ -86,6 +87,9 @@ const unit = computed(() => {
               <td>
                 {{ comparison.testCase.benchmark }}
               </td>
+              <td :title="comparison.testCase.target">
+                {{ formatTarget(comparison.testCase.target) }}
+              </td>
               <td>
                 <div class="numeric-aligned">
                   <div>

site/src/api.rs

@@ -340,6 +340,7 @@ pub mod comparison {
     #[derive(Debug, Clone, Serialize)]
     pub struct RuntimeBenchmarkComparison {
         pub benchmark: String,
+        pub target: String,
         pub comparison: StatComparison,
     }
 }

site/src/comparison.rs

@@ -163,6 +163,7 @@ pub async fn handle_compare(
         .into_iter()
         .map(|comparison| api::comparison::RuntimeBenchmarkComparison {
             benchmark: comparison.benchmark.to_string(),
+            target: comparison.target.to_string(),
             comparison: comparison.comparison.into(),
         })
         .collect();