Release - 0.7.0

cypress/e2e/Question/Complete/index.spec.ts

@@ -0,0 +1,30 @@
+describe('Question Complete screen', () => {
+  context('given the Question Complete screen is opened', () => {
+    beforeEach(() => {
+      cy.signIn();
+      cy.interceptWithDelay('GET', '**/api/v1/surveys/*', 200, {
+        statusCode: 200,
+        fixture: 'Survey/Detail/valid.json',
+      });
+      cy.interceptWithDelay('GET', '**/api/v1/surveys*', 200, {
+        statusCode: 200,
+        fixture: 'Survey/List/valid.json',
+      });
+      cy.interceptWithDelay('GET', '**/api/v1/me', 200, {
+        statusCode: 200,
+        fixture: 'User/valid.json',
+      });
+      cy.interceptWithDelay('POST', '**/responses', 200, {
+        statusCode: 201,
+        fixture: 'Survey/Submit/valid.json',
+      });
+    });
+    it('navigates to the Home screen', () => {
+      cy.visit('/surveys/d5de6a8f8f5f1cfe51bc/questions/complete');
+
+      cy.location().should((location) => {
+        expect(location.pathname).to.equal('/');
+      });
+    });
+  });
+});

cypress/e2e/Question/index.spec.ts

@@ -0,0 +1,86 @@
+const questionTestIds = {
+  questionIndex: 'question__index',
+  questionTitle: 'question__title',
+  questionAnswer: 'question__answer',
+  questionCloseButton: 'question__close-button',
+  questionNextButton: 'question__next-button',
+  questionSubmitButton: 'question__submit-button',
+  confirmDialogPositiveButton: 'confirm-dialog__positive-button',
+  surveyStartSurveyButton: 'survey__start-survey-button',
+};
+
+describe('Question screen', () => {
+  context('given the submit button is clicked', () => {
+    context('given the API responses returns success result', () => {
+      beforeEach(() => {
+        cy.signIn();
+        cy.interceptWithDelay('GET', '**/api/v1/surveys/*', 200, {
+          statusCode: 200,
+          fixture: 'Survey/Detail/valid.json',
+        });
+        cy.interceptWithDelay('GET', '**/api/v1/surveys*', 200, {
+          statusCode: 200,
+          fixture: 'Survey/List/valid.json',
+        });
+        cy.interceptWithDelay('GET', '**/api/v1/me', 200, {
+          statusCode: 200,
+          fixture: 'User/valid.json',
+        });
+        cy.interceptWithDelay('POST', '**/responses', 200, {
+          statusCode: 201,
+          fixture: 'Survey/Submit/valid.json',
+        });
+      });
+
+      it('navigates to the Question Complete screen', () => {
+        cy.visit('/');
+        cy.visit('/surveys/d5de6a8f8f5f1cfe51bc');
+
+        // Go to Question screen
+        cy.findByTestId(questionTestIds.surveyStartSurveyButton).click();
+
+        cy.findByTestId(questionTestIds.questionNextButton).click();
+        cy.findByTestId(questionTestIds.questionSubmitButton).click();
+
+        cy.location({ timeout: 1000 }).should((location) => {
+          expect(location.pathname).to.equal('/surveys/d5de6a8f8f5f1cfe51bc/questions/complete');
+        });
+      });
+    });
+  });
+
+  context('given the close button is clicked', () => {
+    context('given the Positive button of the confirm dialog is clicked', () => {
+      beforeEach(() => {
+        cy.signIn();
+        cy.interceptWithDelay('GET', '**/api/v1/surveys/*', 200, {
+          statusCode: 200,
+          fixture: 'Survey/Detail/valid.json',
+        });
+        cy.interceptWithDelay('GET', '**/api/v1/surveys*', 200, {
+          statusCode: 200,
+          fixture: 'Survey/List/valid.json',
+        });
+        cy.interceptWithDelay('GET', '**/api/v1/me', 200, {
+          statusCode: 200,
+          fixture: 'User/valid.json',
+        });
+      });
+
+      it('navigates back to Home', () => {
+        cy.visit('/');
+        cy.visit('/surveys/d5de6a8f8f5f1cfe51bc');
+
+        // Go to Question screen
+        cy.findByTestId(questionTestIds.surveyStartSurveyButton).click();
+
+        cy.findByTestId(questionTestIds.questionCloseButton).click();
+        cy.findByTestId(questionTestIds.confirmDialogPositiveButton).click();
+
+        cy.location().should((location) => {
+          expect(location.pathname).to.equal('/');
+        });
+      });
+    });
+  });
+});

cypress/fixtures/Survey/Detail/valid.json

@@ -24,46 +24,6 @@
           {
             "id": "940d229e4cd87cd1e202",
             "type": "question"
-          },
-          {
-            "id": "ea0555f328b3b0124127",
-            "type": "question"
-          },
-          {
-            "id": "16e68f5610ef0e0fa4db",
-            "type": "question"
-          },
-          {
-            "id": "bab38ad82eaf22afcdfe",
-            "type": "question"
-          },
-          {
-            "id": "85275a0bf28a6f3b1e63",
-            "type": "question"
-          },
-          {
-            "id": "642770376f7cd0c87d3c",
-            "type": "question"
-          },
-          {
-            "id": "b093a6ad9a6a466fa787",
-            "type": "question"
-          },
-          {
-            "id": "e593b2fa2f81891a2b1e",
-            "type": "question"
-          },
-          {
-            "id": "c3a9b8ce5c2356010703",
-            "type": "question"
-          },
-          {
-            "id": "fbf5d260de1ee6195473",
-            "type": "question"
-          },
-          {
-            "id": "4372463ce56db58c0983",
-            "type": "question"
           }
         ]
       }

cypress/fixtures/Survey/Submit/invalid.json

@@ -0,0 +1,7 @@
+{
+  "errors": [
+    {
+      "detail": "The provided authorization grant is invalid, expired, revoked, does not match the redirection URI used in the authorization request, or was issued to another client."
+    }
+  ]
+}

cypress/fixtures/Survey/Submit/valid.json

@@ -0,0 +1 @@
+{}

package.json

@@ -1,8 +1,9 @@
 {
   "name": "manh-react-survey",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "private": true,
   "dependencies": {
+    "@lottiefiles/react-lottie-player": "3.5.3",
     "@reduxjs/toolkit": "1.9.5",
     "@travelperksl/fabricator": "7.0.1",
     "@types/lodash": "4.14.195",
@@ -75,6 +76,7 @@
     "danger": "11.2.6",
     "danger-plugin-istanbul-coverage": "1.6.2",
     "eslint": "8.12.0",
+    "jest-canvas-mock": "2.5.2",
     "postcss": "8.4.24",
     "postcss-import": "15.1.0",
     "prettier": "2.6.0",

src/adapters/Survey/index.test.ts

@@ -1,18 +1,12 @@
-import { getAuth } from 'adapters/BaseAuth';
+import { getAuth, postAuth } from 'adapters/BaseAuth';
+import { surveySubmitRequestFabricator } from 'tests/fabricator';
+import { SurveySubmitRequest } from 'types/request/surveySubmitRequest';
 
-import { getSurvey, getSurveys } from '.';
+import { getSurvey, getSurveys, submitSurvey } from '.';
 
 jest.mock('adapters/BaseAuth');
 
 describe('SurveyAdapter', () => {
-  beforeEach(() => {
-    (getAuth as jest.Mock).mockImplementation(() => jest.fn());
-  });
-
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-
   describe('getSurveys', () => {
     it('calls the get method from the base adapter', () => {
       const expectedPath = 'surveys?page[number]=1&page[size]=10';
@@ -33,4 +27,15 @@ describe('SurveyAdapter', () => {
       expect(getAuth).toHaveBeenCalledWith(expectedPath);
     });
   });
+
+  describe('submitSurvey', () => {
+    it('calls the post method from the base adapter', () => {
+      const payload: SurveySubmitRequest = surveySubmitRequestFabricator();
+      const expectedPath = 'responses';
+
+      submitSurvey(payload);
+
+      expect(postAuth).toHaveBeenCalledWith(expectedPath, payload);
+    });
+  });
 });

src/adapters/Survey/index.ts

@@ -1,5 +1,10 @@
-import { getAuth } from 'adapters/BaseAuth';
+import { getAuth, postAuth } from 'adapters/BaseAuth';
+import { JSONObject } from 'helpers/json';
+import { SurveySubmitRequest } from 'types/request/surveySubmitRequest';
 
 export const getSurveys = () => getAuth('surveys?page[number]=1&page[size]=10');
 
 export const getSurvey = (surveyId: string) => getAuth(`surveys/${surveyId}`);
+
+export const submitSurvey = (surveySubmitRequest: SurveySubmitRequest) =>
+  postAuth('responses', surveySubmitRequest as unknown as JSONObject);