Merge branch 'setup-jest' into 'master'

Setup Jest files and Enable Coverage

See merge request !62

.gitignore

@@ -10,6 +10,7 @@ npm-debug.*
 web-build/
 /ios
 .env
+jest/coverage
 
 # macOS
 .DS_Store

.prettierignore

@@ -8,7 +8,6 @@ npm-debug.*
 *.mobileprovision
 *.orig.*
 web-build/
-/config
 /ios
 
 # macOS

jest/setup.js

+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+import "react-native-gesture-handler/jestSetup";
+
+jest.mock("react-native-reanimated", () => {
+  const Reanimated = require("react-native-reanimated/mock");
+
+  // The mock for `call` immediately calls the callback which is incorrect
+  // So we override it with a no-op
+  Reanimated.default.call = () => {};
+
+  return Reanimated;
+});
+
+jest.mock("@react-navigation/core", () => {
+  const actualNav = jest.requireActual("@react-navigation/core");
+  return {
+    ...actualNav,
+    useNavigation: () => ({
+      navigate: jest.fn(),
+      dispatch: jest.fn(),
+    }),
+  };
+});
+
+// Silence the warning: Animated: `useNativeDriver` is not supported because the native animated module is missing
+jest.mock("react-native/Libraries/Animated/src/NativeAnimatedHelper");

package.json

@@ -12,7 +12,19 @@
     "prepare": "husky install"
   },
   "jest": {
-    "preset": "jest-expo"
+    "preset": "jest-expo",
+    "setupFiles": [
+      "<rootDir>/jest/setup.js"
+    ],
+    "coverageDirectory": "jest/coverage/",
+    "collectCoverage": true,
+    "collectCoverageFrom": [
+      "**/*.{jsx,ts,tsx}",
+      "!**/coverage/**",
+      "!**/node_modules/**",
+      "!**/babel.config.js",
+      "!**/jest.setup.js"
+    ]
   },
   "dependencies": {
     "@expo/vector-icons": "^12.0.0",
@@ -63,10 +75,11 @@
     "eslint-plugin-react-hooks": "^4.2.0",
     "husky": "^7.0.2",
     "jest": "^27.2.0",
-    "jest-expo": "~41.0.0-beta.0",
+    "jest-expo": "^42.1.0",
     "lint-staged": "^11.1.2",
     "prettier": "^2.4.0",
     "react-test-renderer": "^17.0.2",
+    "redux-mock-store": "^1.5.4",
     "typescript": "~4.0.0"
   },
   "private": true,

src/components/__tests__/firebase/basic.test.tsx

 import { cleanup, render, fireEvent } from "@testing-library/react-native";
 import FirebaseConfig from "../../../../config/firebase";
 import firebase from "firebase/app";
-// import "firebase/firestore";
+import "firebase/firestore";
 
 afterEach(cleanup);
 
@@ -11,9 +11,9 @@ describe("Basic Firebase Tests", () => {
   });
 
   // TODO : shows firestore connection error
-  // it("Successfully query Firestore", async () => {
-  //   const db = firebase.firestore();
-  //   const query = await db.collection("test").get();
-  //   expect(query.metadata).not.toBeNull();
-  // });
+  it("Successfully query Firestore", async () => {
+    const db = firebase.firestore();
+    const query = await db.collection("test").get();
+    expect(query.metadata).not.toBeNull();
+  });
 });

src/components/__tests__/screens/RegisterScreen.test.tsx

+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 import { render } from "@testing-library/react-native";
 import Register from "../../../screens/auth/RegisterScreen";
 import React from "react";
+import { Provider } from "react-redux";
+import configureStore from "redux-mock-store";
 
 describe("Register Screen Test", () => {
   it("Renders Form", () => {
+    const mockStore = configureStore();
+
     const { getAllByPlaceholderText } = render(
-      <Register navigation={null} route={null} />
+      <Provider store={mockStore({ name: "alif" })}>
+        <Register navigation={null} route={null} />
+      </Provider>
     );
     expect(getAllByPlaceholderText("Masukkan Nama Depan"));
     expect(getAllByPlaceholderText("Masukkan Nama Belakang"));

src/helpers/__tests__/images.test.tsx

-// TODO add tests for image functions