Merge pull request #138 from ineshbose/issue/137-write_frontend_tests

Jest setup

.github/workflows/eslint-check.yml → .github/workflows/client-check.yml

@@ -1,4 +1,4 @@
-name: ESLint/Prettier/Airbnb style check
+name: Client code check
 
 on:
   push:
@@ -22,3 +22,16 @@ jobs:
         run: yarn
       - name: Run ESLint
         run: npx eslint src
+  jest_tests:
+    name: Jest testing
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install dependencies
+        run: |
+          yarn
+      - name: Run test
+        run: |
+          yarn test
+        working-directory: src
+

app.config.js

@@ -0,0 +1,4 @@
+const appConfig = require("./src/app.json");
+
+// Used by jest-expo
+module.exports = appConfig;

src/App.test.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import renderer, { act } from 'react-test-renderer';
+import mockAsyncStorage from '@react-native-async-storage/async-storage/jest/async-storage-mock';
+
+import App from './App';
+
+jest.mock(
+  './env',
+  () => ({ CLIENT_ID: 'client_id', CLIENT_SECRET: 'client_secret' }),
+  { virtual: true }
+);
+jest.mock('./app/hooks/useCachedResources', () => jest.fn(() => true));
+jest.mock('@react-native-async-storage/async-storage', () => mockAsyncStorage);
+jest.mock('@react-navigation/native/lib/commonjs/useLinking.native', () => ({
+  default: () => ({ getInitialState: { then: jest.fn() } }),
+  __esModule: true,
+}));
+
+describe('<App />', () => {
+  it('has 1 child', async () => {
+    const tree = renderer
+      .create(<App />)
+      .toJSON() as renderer.ReactTestRendererJSON;
+
+    await act(async () =>
+      expect([1, undefined]).toContain(tree.children?.length)
+    );
+  });
+});

src/package.json

@@ -9,10 +9,7 @@
     "ios": "expo start --ios",
     "web": "expo start --web",
     "eject": "expo eject",
-    "test": "jest --watchAll"
-  },
-  "jest": {
-    "preset": "jest-expo"
+    "test": "jest"
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
@@ -47,8 +44,10 @@
   },
   "devDependencies": {
     "@babel/core": "^7.17.3",
+    "@types/jest": "^27.4.1",
     "@types/react": "~17.0.39",
     "@types/react-native": "~0.66.15",
+    "@types/react-test-renderer": "^17.0.1",
     "@typescript-eslint/eslint-plugin": "^5.12.0",
     "@typescript-eslint/parser": "^5.12.0",
     "eslint": "^8.9.0",
@@ -60,11 +59,22 @@
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-react-native": "^4.0.0",
     "expo-updates": "^0.11.6",
+    "jest": "26.6.3",
     "jest-expo": "~44.0.1",
     "prettier": "^2.4.1",
     "prettylint": "^1.0.0",
-    "react-test-renderer": "^17.0.2",
+    "react-test-renderer": "17.0.2",
     "typescript": "^4.5.2"
   },
+  "jest": {
+    "preset": "jest-expo",
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json"
+    ]
+  },
   "private": true
 }

src/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "extends": "expo/tsconfig.base",
   "compilerOptions": {
-    "strict": true,
-    "typeRoots": ["./ts-declarations", "node_modules/@types", "app/types"]
+    "strict": true
   }
 }