add serverside testing

.github/workflows/ci-workflow.yaml

@@ -20,7 +20,9 @@ jobs:
         run: npm run lint
       - name: Build next.js
         run: npm run next:build
+      - name: Start docker service
+        run: docker-compose up -d
       - name: Run tests
-        run: npm run test
+        run: npm run test:ci
         env:
           NODE_ENV: development

README.md

@@ -79,8 +79,7 @@ Install dependencies:
 npm install
 ```
 
-Setup Environment Variables:
-Copy and paste env.sample into your .env file
+If needed, set up environment variables under 'app -> environment' in the `docker-compose.yml` file.
 
 Ensure that Docker Desktop is up and running, then run the following command:
 ```

client/components/SomeComponent/__test__/Index.test.tsx

@@ -1,3 +1,7 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import React from 'react';
 import { render } from '@testing-library/react';
 import { ThemeProvider } from 'styled-components';

docker-compose.yml

@@ -19,6 +19,10 @@ services:
       - DB_PASSWORD=password
       - DB_NAME=chapter
       - DB_URL=db
+      - [email protected]
+      - EMAIL_USERNAME=emailUsernamePlaceholder
+      - EMAIL_PASSWORD=emailPasswordPlaceholder
+      - EMAIL_SERVICE=emailServicePlaceholder
     volumes:
       - .:/usr/chapter
     ports:

jest.config.js

@@ -0,0 +1,20 @@
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'node',
+  roots: ['<rootDir>'],
+  transform: {
+    '^.+\\.tsx?$': 'babel-jest',
+  },
+  moduleDirectories: ['node_modules', 'server'],
+  moduleNameMapper: {
+    '^server/(.*)': '<rootDir>/server/$1',
+  },
+  globals: {
+    'ts-jest': {
+      diagnostics: false,
+    },
+  },
+  watchPathIgnorePatterns: ['/node_modules'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  testMatch: ['/**/*.test.(ts|js|tsx|jsx)'],
+};