From 9b7222e3e92396ea4173cc59a30708c54e92b648 Mon Sep 17 00:00:00 2001
From: Andreas Kohn <andreas.kohn@gmail.com>
Date: Sun, 11 May 2025 13:24:07 +0200
Subject: [PATCH 1/4] Show the start time instead of the end time in the
 results history

---
 source/console/src/Components/History/History.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/source/console/src/Components/History/History.js b/source/console/src/Components/History/History.js
index 3c4b3a9..a21c049 100644
--- a/source/console/src/Components/History/History.js
+++ b/source/console/src/Components/History/History.js
@@ -57,7 +57,7 @@ class History extends React.Component {
           <Table borderless responsive>
             <thead>
               <tr>
-                <th>Run Time</th>
+                <th>Started at</th>
                 <th>Total Task Count</th>
                 <th>Total Concurrency</th>
                 <th>Average Response Time</th>
@@ -78,7 +78,7 @@ class History extends React.Component {
                     key={i.testRunId}
                     className={this.state.rowIsActive === index ? "rowActive" : ""}
                   >
-                    <td id={`endTime-${index}`}>{i.endTime}</td>
+                    <td id={`startTime-${index}`}>{i.startTime}</td>
                     <td id={`taskCount-${index}`}>{loadInfo.taskCount}</td>
                     <td id={`concurrency-${index}`}>{loadInfo.concurrency}</td>
                     <td id={`avgResponseTime-${index}`}>{i.results.total?.avg_rt}s</td>
@@ -101,7 +101,7 @@ class History extends React.Component {
                             this.setState({ rowIsActive: -1 });
                           }}
                         >
-                          <h2>Test run from {i.endTime}</h2>
+                          <h2>Test run from {testRun.startTime} to {testRun.endTime}</h2>
                         </ModalHeader>
                         <ModalBody>
                           <DetailsTable

From 39021d50ee534f86e1760678a59c0edc09bdb01a Mon Sep 17 00:00:00 2001
From: Andreas Kohn <andreas.kohn@gmail.com>
Date: Sun, 11 May 2025 13:25:32 +0200
Subject: [PATCH 2/4] Sort the results history by start time

---
 .../console/src/Components/History/History.js | 30 ++++++++++++-------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/source/console/src/Components/History/History.js b/source/console/src/Components/History/History.js
index a21c049..857d390 100644
--- a/source/console/src/Components/History/History.js
+++ b/source/console/src/Components/History/History.js
@@ -50,6 +50,21 @@ class History extends React.Component {
 
   render() {
     const history = this.props.data.history || [];
+
+    // Enrich the history with more data, and sort by start time.
+    const resultsHistory = history.map((testRun) => {
+      const loadInfo = testRun.testTaskConfigs.reduce((previous, current) => ({
+        taskCount: previous.taskCount + current.taskCount,
+        concurrency: previous.concurrency + current.concurrency,
+      }));
+      const data = this.getHistoricalTest(testRun);
+      return {
+        testRun,
+        data,
+        loadInfo,
+      };
+    });
+    resultsHistory.sort((a, b) => new Date(b.testRun.startTime) - new Date(a.testRun.startTime));
     return (
       <div>
         <div className="box">
@@ -66,23 +81,18 @@ class History extends React.Component {
               </tr>
             </thead>
             <tbody>
-              {history.map((i, index) => {
-                const loadInfo = i.testTaskConfigs.reduce((previous, current) => ({
-                  taskCount: previous.taskCount + current.taskCount,
-                  concurrency: previous.concurrency + current.concurrency,
-                }));
-                const data = this.getHistoricalTest(i);
+              {resultsHistory.map(({testRun, data, loadInfo}, index) => {
                 return (
                   <tr
                     id={`historyRow-${index}`}
-                    key={i.testRunId}
+                    key={testRun.testRunId}
                     className={this.state.rowIsActive === index ? "rowActive" : ""}
                   >
-                    <td id={`startTime-${index}`}>{i.startTime}</td>
+                    <td id={`startTime-${index}`}>{testRun.startTime}</td>
                     <td id={`taskCount-${index}`}>{loadInfo.taskCount}</td>
                     <td id={`concurrency-${index}`}>{loadInfo.concurrency}</td>
-                    <td id={`avgResponseTime-${index}`}>{i.results.total?.avg_rt}s</td>
-                    <td id={`successPercent-${index}`}>{i.succPercent}%</td>
+                    <td id={`avgResponseTime-${index}`}>{testRun.results.total?.avg_rt}s</td>
+                    <td id={`successPercent-${index}`}>{testRun.succPercent}%</td>
                     <td id={`detailsLink-${index}`}>
                       <div className="text-link history-link" onClick={() => this.onClick(index)}>
                         View details

From af6199b3a2ec3275f5921a639dd0f3240552f171 Mon Sep 17 00:00:00 2001
From: Andreas Kohn <andreas.kohn@framer.com>
Date: Sun, 11 May 2025 13:48:36 +0200
Subject: [PATCH 3/4] Initialize the load info results

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 source/console/src/Components/History/History.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/console/src/Components/History/History.js b/source/console/src/Components/History/History.js
index 857d390..4dde9c8 100644
--- a/source/console/src/Components/History/History.js
+++ b/source/console/src/Components/History/History.js
@@ -56,7 +56,7 @@ class History extends React.Component {
       const loadInfo = testRun.testTaskConfigs.reduce((previous, current) => ({
         taskCount: previous.taskCount + current.taskCount,
         concurrency: previous.concurrency + current.concurrency,
-      }));
+      }), { taskCount: 0, concurrency: 0 });
       const data = this.getHistoricalTest(testRun);
       return {
         testRun,

From 3d723f0180ba7f74d107217c1272782ca17da11a Mon Sep 17 00:00:00 2001
From: Andreas Kohn <andreas.kohn@framer.com>
Date: Mon, 12 May 2025 18:18:47 +0200
Subject: [PATCH 4/4] Format code

---
 .../console/src/Components/History/History.js   | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/source/console/src/Components/History/History.js b/source/console/src/Components/History/History.js
index 4dde9c8..7b0e279 100644
--- a/source/console/src/Components/History/History.js
+++ b/source/console/src/Components/History/History.js
@@ -53,10 +53,13 @@ class History extends React.Component {
 
     // Enrich the history with more data, and sort by start time.
     const resultsHistory = history.map((testRun) => {
-      const loadInfo = testRun.testTaskConfigs.reduce((previous, current) => ({
-        taskCount: previous.taskCount + current.taskCount,
-        concurrency: previous.concurrency + current.concurrency,
-      }), { taskCount: 0, concurrency: 0 });
+      const loadInfo = testRun.testTaskConfigs.reduce(
+        (previous, current) => ({
+          taskCount: previous.taskCount + current.taskCount,
+          concurrency: previous.concurrency + current.concurrency,
+        }),
+        { taskCount: 0, concurrency: 0 }
+      );
       const data = this.getHistoricalTest(testRun);
       return {
         testRun,
@@ -81,7 +84,7 @@ class History extends React.Component {
               </tr>
             </thead>
             <tbody>
-              {resultsHistory.map(({testRun, data, loadInfo}, index) => {
+              {resultsHistory.map(({ testRun, data, loadInfo }, index) => {
                 return (
                   <tr
                     id={`historyRow-${index}`}
@@ -111,7 +114,9 @@ class History extends React.Component {
                             this.setState({ rowIsActive: -1 });
                           }}
                         >
-                          <h2>Test run from {testRun.startTime} to {testRun.endTime}</h2>
+                          <h2>
+                            Test run from {testRun.startTime} to {testRun.endTime}
+                          </h2>
                         </ModalHeader>
                         <ModalBody>
                           <DetailsTable