Fixed test group results table to display extra_info field from all test groups (#7710)

Author: david-yz-liu

Changelog.md

@@ -13,6 +13,7 @@
 - Fix name column search in graders table (#7693)
 - Check against mtime instead of atime for clean up of git repo directories in tmp folder (#7706)
 - Update Model: Fix level validation checks through use of a custom validator (#7696)
+- Fixed test group results table to display `extra_info` field from all test groups (#7710)
 
 ### 🔧 Internal changes
 - Updated Github Actions CI to use cache-apt-pkgs to speed up workflow runs (#7645)

app/javascript/Components/test_run_table.jsx

@@ -309,7 +309,21 @@ class TestGroupResultTable extends React.Component {
   };
 
   render() {
-    const extraInfo = this.props.data[0]["test_group_results.extra_info"];
+    const seen = new Set();
+    const extraInfo = this.props.data
+      .reduce((acc, test_data) => {
+        const id = test_data["test_groups.id"];
+        const name = (test_data["test_groups.name"] || "").trim();
+        const info = (test_data["test_group_results.extra_info"] || "").trim();
+
+        if (!seen.has(id) && info) {
+          seen.add(id);
+          acc.push(`[${name}]`, info);
+        }
+
+        return acc;
+      }, [])
+      .join("\n");
     let extraInfoDisplay;
     if (extraInfo) {
       extraInfoDisplay = (