add serverside testing (#139)

* test app class

* jest config

* add exampleRouter test

* move package.json jest config to jest.config.js

* fix client tests

* run docker in ci

* no cli

* try -T flag

* oops i put it in the wrong place

* private

* remove sample env, update docs

* recreate packagelock

* fix import

.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
+ - CHAPTER_EMAIL=ourEmail@placeholder.place
+ - 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)'],
+};