added mock response for recognition list test

joshsoftware · Jun 10, 2020 · ff4b0e7 · ff4b0e7
1 parent f652b62
commit ff4b0e7
Show file tree

Hide file tree

Showing 8 changed files with 416 additions and 14 deletions.
diff --git a/mock-responses/recognition-listning/recognitionList.json b/mock-responses/recognition-listning/recognitionList.json
@@ -0,0 +1,53 @@
+{
+"recognitionList":[
+    {
+      "id":1,
+      "text":
+      "i give high five to avinash for writing block on react strap document",
+      "givenFor": {
+            "id": 1,
+            "first_name": "avinash",
+            "last_name": "mane",
+            "profile_image_url":"https://i.picsum.photos/id/2/200/200.jpg"
+       },
+      "givenBy": {
+            "id": 2,
+            "first_name": "onkar",
+            "last_name": "hasabe",
+            "profile_image_url": "https://i.picsum.photos/id/2/200/200.jpg"
+      },
+      "given_at": 1234567890,
+      "coreValue": {
+           "id": 3,
+           "text": "core value text",
+           "description": "desc",
+           "thumbnail": "https://i.picsum.photos/id/654/300/200.jpg"
+      }
+    },
+
+    {
+      "id":1,
+      "text":"give high five to avinash writing block on react strap document",
+      "givenFor": {
+            "id": 1,
+            "first_name": "avinash",
+            "last_name": "mane",
+            "profile_image_url":"https://i.picsum.photos/id/2/200/200.jpg"
+       },
+      "givenBy": {
+            "id": 2,
+            "first_name": "onkar",
+            "last_name": "hasabe",
+            "profile_image_url": "https://i.picsum.photos/id/2/200/200.jpg"
+      },
+     "given_at": 1234567890,
+      "coreValue": {
+           "id": 3,
+           "text": "core value text",
+           "description": "desc",
+           "thumbnail": "https://i.picsum.photos/id/654/300/200.jpg"
+      }
+    }
+
+  ]
+}
diff --git a/react-frontend/src/recognition-list-components/RecognitionCardComponent.js b/react-frontend/src/recognition-list-components/RecognitionCardComponent.js
@@ -23,9 +23,9 @@ const HighFive = styled.div`
 const CardComponent = styled(Card)`
   border-radius: 20px;
   margin: 20px 20px;
-  box-shadow: 0px 5px 20px #505c623b;
+  box-shadow: 0px 5px 20px var(--box-shadow-color);
   opacity: 1;
-  background: #ffffff 0% 0% no-repeat padding-box;
+  background: var(--white) 0% 0% no-repeat padding-box;
 `;
 
 const RecognitionCardComponent = ({

diff --git a/react-frontend/src/recognition-list-components/RecognitionListComponent.js b/react-frontend/src/recognition-list-components/RecognitionListComponent.js
@@ -5,8 +5,8 @@ import styled from "styled-components";
 import RecognitionCardComponent from "recognition-list-components/RecognitionCardComponent";
 
 const Wrapper = styled.div`
-  border: 1px solid lightgrey;
-  background: #ffffff 0% 0% no-repeat padding-box;
+  border: 1px solid var(--grey);
+  background: var(--white) 0% 0% no-repeat padding-box;
   border-radius: 36px;
   opacity: 1;
 `;

diff --git a/react-frontend/src/recognition-list-components/RecognitionListComponent.test.js b/react-frontend/src/recognition-list-components/RecognitionListComponent.test.js
@@ -1,11 +1,15 @@
 import React from "react";
 import { render } from "@testing-library/react";
+
 import RecognitionListComponent from "recognition-list-components/RecognitionListComponent";
+import recognitionList from "../../../mock-responses/recognition-listning/recognitionList.json";
 
 describe("Recognition list Component test", () => {
   test("should equal snapshot", () => {
     const { asFragment } = render(
-      <RecognitionListComponent recognitionList={[]} />
+      <RecognitionListComponent
+        recognitionList={recognitionList.recognitionList}
+      />
     );
     expect(asFragment()).toMatchSnapshot();
   });

diff --git a/react-frontend/src/recognition-list-components/RecognitionTextComponent.js b/react-frontend/src/recognition-list-components/RecognitionTextComponent.js
@@ -6,7 +6,7 @@ import { Form } from "core-components/form/FormComponent";
 import ImageComponent from "core-components/image/ImageComponent";
 
 const Border = styled.fieldset`
-  border: 1px solid lightgrey;
+  border: 1px solid var(--grey);
   border-radius: 11px;
   opacity: 1;
   margin-left: 5%;

diff --git a/...ntend/src/recognition-list-components/__snapshots__/RecognitionCardComponent.test.js.snap b/...ntend/src/recognition-list-components/__snapshots__/RecognitionCardComponent.test.js.snap
@@ -7,7 +7,7 @@ exports[`Recognition Card Component test should equal snapshot 1`] = `
 }
 
 .c3 {
-  border: 1px solid lightgrey;
+  border: 1px solid var(--grey);
   border-radius: 11px;
   opacity: 1;
   margin-left: 5%;
@@ -37,9 +37,9 @@ exports[`Recognition Card Component test should equal snapshot 1`] = `
 .c0 {
   border-radius: 20px;
   margin: 20px 20px;
-  box-shadow: 0px 5px 20px #505c623b;
+  box-shadow: 0px 5px 20px var(--box-shadow-color);
   opacity: 1;
-  background: #ffffff 0% 0% no-repeat padding-box;
+  background: var(--white) 0% 0% no-repeat padding-box;
 }
 
 <div