TestVariation. Cannot load data if TestRUn was deleted (#227)

closes Visual-Regression-Tracker/Visual-Regression-Tracker#292

Author: pashidlos

src/pages/TestVariationDetailsPage.tsx

@@ -27,6 +27,7 @@ import {
 import { useSnackbar } from "notistack";
 import { formatDateTime } from "../_helpers/format.helper";
 import TestStatusChip from "../components/TestStatusChip";
+import { Baseline } from "../types/baseline";
 
 const useStyles = makeStyles({
   media: {
@@ -68,39 +69,39 @@ const TestVariationDetailsPage: React.FunctionComponent = () => {
               <Grid item>
                 <TestVariationDetails testVariation={testVariation} />
               </Grid>
-              {testVariation.baselines.map((baseline) => (
+              {testVariation.baselines.map((baseline: Baseline) => (
                 <Grid item key={baseline.id}>
                   <Card>
                     <CardActions>
                       <Button
                         color="primary"
                         disabled={!baseline.testRun}
                         onClick={() => {
-                          if (baseline.testRun) {
+                          const { testRun } = baseline;
+                          if (testRun) {
                             history.push({
                               pathname: buildProjectPageUrl(
                                 testVariation.projectId
                               ),
                               ...buildTestRunLocation(
-                                baseline.testRun.buildId,
-                                baseline.testRunId
+                                testRun.buildId,
+                                testRun.id
                               ),
                             });
                             selectBuild(
                               buildDispatch,
-                              baseline.testRun.buildId
+                              testRun.buildId
                             ).then(() =>
-                              selectTestRun(
-                                testRunDispatch,
-                                baseline.testRun.id
-                              )
+                              selectTestRun(testRunDispatch, testRun.id)
                             );
                           }
                         }}
                       >
                         Test Run
                       </Button>
-                      <TestStatusChip status={baseline.testRun.status} />
+                      {baseline.testRun && (
+                        <TestStatusChip status={baseline.testRun.status} />
+                      )}
                       {baseline.user && (
                         <Typography>
                           {`${baseline.user.firstName} ${baseline.user.lastName} <${baseline.user.email}>`}

src/types/baseline.ts

@@ -4,10 +4,9 @@ import { User } from "./user";
 export interface Baseline {
   id: string;
   baselineName: string;
-  testRunId: string;
   testVariationId: string;
   createdAt: string;
   updatedAt: string;
-  testRun: TestRun;
-  user: User;
+  testRun?: TestRun;
+  user?: User;
 }