recalculateDiff added

Author: pashidlos

src/components/TestDetailsModal.tsx

@@ -84,7 +84,7 @@ const TestDetailsModal: React.FunctionComponent<{
     testRun.diffName && staticService.getImage(testRun.diffName)
   );
 
-  const [isDiffShown, setIsDiffShown] = useState(!!testRun.diffName);
+  const [isDiffShown, setIsDiffShown] = useState(false);
   const [selectedRectId, setSelectedRectId] = React.useState<string>();
 
   const [ignoreAreas, setIgnoreAreas] = React.useState<IgnoreArea[]>(
@@ -141,6 +141,10 @@ const TestDetailsModal: React.FunctionComponent<{
     // eslint-disable-next-line
   }, [image]);
 
+  React.useEffect(() => {
+    setIsDiffShown(!!testRun.diffName);
+  }, [testRun.diffName]);
+
   return (
     <React.Fragment>
       <Prompt
@@ -241,7 +245,12 @@ const TestDetailsModal: React.FunctionComponent<{
                       // update in test run
                       testRunService
                         .setIgnoreAreas(testRun.id, ignoreAreas)
-                        .then((testRun) => updateTestRun(testRun));
+                        .then(() =>
+                          // recalculate diff
+                          testRunService
+                            .recalculateDiff(testRun.id)
+                            .then((testRun) => updateTestRun(testRun))
+                        );
 
                       // update in variation
                       testVariationService.setIgnoreAreas(

src/services/testRun.service.ts

@@ -3,11 +3,12 @@ import { handleResponse, authHeader } from "../_helpers/service.helpers";
 import { API_URL } from "../_config/api.config";
 import { IgnoreArea } from "../types/ignoreArea";
 
-const ENDPOINT_URL = "/test-runs"
+const ENDPOINT_URL = "/test-runs";
 
 export const testRunService = {
   getList,
   remove,
+  recalculateDiff,
   approve,
   reject,
   setIgnoreAreas,
@@ -19,7 +20,10 @@ function getList(buildId: string): Promise<TestRun[]> {
     headers: authHeader(),
   };
 
-  return fetch(`${API_URL}${ENDPOINT_URL}?buildId=${buildId}`, requestOptions).then(handleResponse);
+  return fetch(
+    `${API_URL}${ENDPOINT_URL}?buildId=${buildId}`,
+    requestOptions
+  ).then(handleResponse);
 }
 
 function remove(id: string): Promise<Number> {
@@ -28,7 +32,21 @@ function remove(id: string): Promise<Number> {
     headers: authHeader(),
   };
 
-  return fetch(`${API_URL}${ENDPOINT_URL}/${id}`, requestOptions).then(handleResponse);
+  return fetch(`${API_URL}${ENDPOINT_URL}/${id}`, requestOptions).then(
+    handleResponse
+  );
+}
+
+function recalculateDiff(id: string): Promise<TestRun> {
+  const requestOptions = {
+    method: "GET",
+    headers: authHeader(),
+  };
+
+  return fetch(
+    `${API_URL}${ENDPOINT_URL}/recalculateDiff/${id}`,
+    requestOptions
+  ).then(handleResponse);
 }
 
 function approve(id: string): Promise<TestRun> {
@@ -67,4 +85,4 @@ function setIgnoreAreas(
     `${API_URL}${ENDPOINT_URL}/ignoreArea/${id}`,
     requestOptions
   ).then(handleResponse);
-}
+}