Add the username to the baseline history who has approved the new ben… (#214)

* Add the username to the baseline history who has approved the new benchmark

Visual-Regression-Tracker/Visual-Regression-Tracker#143

* Update test.data.helper.ts

Author: pashidlos

src/_test/test.data.helper.ts

@@ -66,6 +66,7 @@ export const TEST_VARIATION_ONE: TestVariation = {
       createdAt: "2020-09-14T06:57:25.845Z",
       updatedAt: "2020-09-14T06:57:25.845Z",
       testRun: testRunMock,
+      user: TEST_USER,
     },
     {
       id: "some baseline id2",
@@ -75,6 +76,7 @@ export const TEST_VARIATION_ONE: TestVariation = {
       createdAt: "2020-09-12T06:57:25.845Z",
       updatedAt: "2020-09-12T06:57:25.845Z",
       testRun: testRunMock,
+      user: TEST_USER,
     },
   ],
 };
@@ -101,6 +103,7 @@ export const TEST_VARIATION_TWO: TestVariation = {
       createdAt: "2020-09-14T06:57:25.845Z",
       updatedAt: "2020-09-14T06:57:25.845Z",
       testRun: testRunMock,
+      user: TEST_USER,
     },
     {
       id: "some baseline id2",
@@ -110,6 +113,7 @@ export const TEST_VARIATION_TWO: TestVariation = {
       createdAt: "2020-09-12T06:57:25.845Z",
       updatedAt: "2020-09-12T06:57:25.845Z",
       testRun: testRunMock,
+      user: TEST_USER,
     },
   ],
 };
@@ -118,6 +122,7 @@ export const TEST_BUILD_FAILED: Build = {
   id: "someId",
   number: 1,
   ciBuildId: "some build id",
+  projectId: TEST_PROJECT.id,
   projectName: "Project name",
   branchName: "Branch name",
   status: BuildStatus.failed,
@@ -135,6 +140,7 @@ export const TEST_BUILD_PASSED: Build = {
   id: "someId2",
   number: 2,
   ciBuildId: "",
+  projectId: TEST_PROJECT.id,
   projectName: "Project name",
   branchName: "Branch name",
   status: BuildStatus.passed,
@@ -152,6 +158,7 @@ export const TEST_BUILD_UNRESOLVED: Build = {
   id: "someId3",
   number: 3,
   ciBuildId: "",
+  projectId: TEST_PROJECT.id,
   projectName: "Project name",
   branchName: "Branch name",
   status: BuildStatus.unresolved,

src/pages/TestVariationDetailsPage.tsx

@@ -11,6 +11,7 @@ import {
   makeStyles,
   CardActions,
   Button,
+  Typography,
 } from "@material-ui/core";
 import {
   buildProjectPageUrl,
@@ -25,6 +26,7 @@ import {
 } from "../contexts";
 import { useSnackbar } from "notistack";
 import { formatDateTime } from "../_helpers/format.helper";
+import TestStatusChip from "../components/TestStatusChip";
 
 const useStyles = makeStyles({
   media: {
@@ -96,8 +98,17 @@ const TestVariationDetailsPage: React.FunctionComponent = () => {
                           }
                         }}
                       >
-                        {formatDateTime(baseline.createdAt)}
+                        Test Run
                       </Button>
+                      <TestStatusChip status={baseline.testRun.status} />
+                      {baseline.user && (
+                        <Typography>
+                          {`${baseline.user.firstName} ${baseline.user.lastName} <${baseline.user.email}>`}
+                        </Typography>
+                      )}
+                      <Typography>
+                        {formatDateTime(baseline.createdAt)}
+                      </Typography>
                     </CardActions>
                     <CardMedia
                       component="img"

src/types/baseline.ts

@@ -1,4 +1,5 @@
 import { TestRun } from "./testRun";
+import { User } from "./user";
 
 export interface Baseline {
   id: string;
@@ -8,4 +9,5 @@ export interface Baseline {
   createdAt: string;
   updatedAt: string;
   testRun: TestRun;
+  user: User;
 }

src/types/testStatus.ts

@@ -4,4 +4,5 @@ export enum TestStatus {
   unresolved = "unresolved",
   failed = "failed",
   approved = "approved",
+  autoApproved = "autoApproved",
 }