Tests/Add create survey unit tests (#205)

package.json

@@ -7,17 +7,15 @@
     "build": "next build",
     "start": "next start",
     "test": "jest",
+    "test:cov": "jest --coverage",
     "test-ci": "cross-env CI=1 jest --ci",
     "test-watch": "jest test --watch",
     "lint": "tsc && eslint --max-warnings=0 --ext  .js,.ts,.tsx src/",
     "lint-fix": "eslint --ext .js,.ts,.tsx src/ --fix",
     "prepare": "husky install",
     "cypress": "cypress open",
     "postinstall": "prisma generate",
-    "cypress:headless": "cypress run",
-    "e2e": "start-server-and-test dev http://localhost:3000 cypress",
-    "e2e:headless": "start-server-and-test dev http://localhost:3000 cypress:headless",
-    "e2e:headless:ci": "start-server-and-test http://localhost:3000 cypress:headless"
+    "cypress:headless": "cypress run"
   },
   "dependencies": {
     "@emoji-mart/data": "^1.1.2",
@@ -86,6 +84,7 @@
     "husky": "^8.0.0",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
+    "next-router-mock": "^0.9.7",
     "postcss": "^8.4.21",
     "prisma": "^4.14.0",
     "start-server-and-test": "^2.0.0",

src/features/surveys/managers/createSurveyManager.test.ts

@@ -0,0 +1,115 @@
+import { useCreateSurveyManager } from 'features/surveys/managers/createSurveyManager';
+import { v4 } from 'uuid';
+import { act, renderHook, waitFor } from '@testing-library/react';
+import { defaultQuestions } from 'shared/constants/surveysConfig';
+
+jest.mock('next/router', () => require('next-router-mock'));
+
+const NEW_QUESTION_TITLE = 'new question';
+
+const NEW_SURVEY_TITLE = 'new survey title';
+
+const setUp = () => {
+  const { result } = renderHook(() => useCreateSurveyManager());
+
+  act(() => {
+    result.current.addQuestion({
+      id: v4(),
+      type: 'INPUT',
+      title: NEW_QUESTION_TITLE,
+      options: [],
+      isRequired: false,
+    });
+  });
+
+  return result;
+};
+
+describe('useCreateSurveyManager tests', () => {
+  it('should add questions correctly', async () => {
+    const result = setUp();
+    act(() => {
+      result.current.addQuestion({
+        id: v4(),
+        type: 'INPUT',
+        title: 'test',
+        options: [],
+        isRequired: false,
+      });
+    });
+
+    await waitFor(() => {
+      expect(result.current.questions.length).toBe(defaultQuestions.length + 2);
+    });
+  });
+
+  it('should remove questions correctly', async () => {
+    const result = setUp();
+
+    act(() => {
+      result.current.removeQuestion(0);
+    });
+
+    await waitFor(() => {
+      expect(result.current.questions.length).toBe(defaultQuestions.length);
+    });
+    await waitFor(() => {
+      expect(result.current.questions[1].title).toBe(NEW_QUESTION_TITLE);
+    });
+  });
+
+  it('should update survey title correctly', async () => {
+    const result = setUp();
+
+    const mockEvent = {
+      target: {
+        value: NEW_SURVEY_TITLE,
+      },
+    } as React.ChangeEvent<HTMLInputElement>;
+
+    act(() => {
+      result.current.handleChangeTitle(mockEvent);
+    });
+
+    await waitFor(() => {
+      expect(result.current.title).toBe(NEW_SURVEY_TITLE);
+    });
+  });
+
+  it('should update question by index correctly', async () => {
+    const result = setUp();
+
+    const updatedTitle = 'updated title';
+
+    act(() => {
+      result.current.updateQuestion(updatedTitle, 0);
+    });
+
+    await waitFor(() => {
+      expect(result.current.questions[0].title).toBe(updatedTitle);
+    });
+  });
+
+  it('should toggle question required', async () => {
+    const result = setUp();
+    const lastQuestionIndex = result.current.questions.length - 1;
+
+    act(() => {
+      result.current.updateQuestionRequired(lastQuestionIndex);
+    });
+
+    await waitFor(() => {
+      expect(result.current.questions[lastQuestionIndex].isRequired).toBe(true);
+    });
+
+    act(() => {
+      result.current.updateQuestionRequired(lastQuestionIndex);
+    });
+
+    await waitFor(() => {
+      expect(result.current.questions[lastQuestionIndex].isRequired).toBe(
+        false
+      );
+    });
+  });
+});

src/features/surveys/managers/createSurveyManager.ts

@@ -17,10 +17,13 @@ export interface Question {
 
 export const useCreateSurveyManager = () => {
   const [title, setTitle] = useState('');
-
   const [questions, setQuestions] = useState<Question[]>(defaultQuestions);
-
   const [error, setError] = useState('');
+  const [isCreating, setIsCreating] = useState(false);
+  const [isSubmitted, setIsSubmitted] = useState(false);
+  const router = useRouter();
+  const { copy } = useCopyToClipboard();
+  const { t } = useTranslation('surveyCreate');
 
   const addQuestion = (newQuestion: Question) => {
     setQuestions((oldQuestions) => [...oldQuestions, newQuestion]);
@@ -32,13 +35,6 @@ export const useCreateSurveyManager = () => {
     );
   };
 
-  const [isCreating, setIsCreating] = useState(false);
-  const [isSubmitted, setIsSubmitted] = useState(false);
-
-  const router = useRouter();
-  const { copy } = useCopyToClipboard();
-  const { t } = useTranslation('surveyCreate');
-
   const handleChangeTitle = (e: React.ChangeEvent<HTMLInputElement>): void => {
     setError('');
     setTitle(e.target.value);