@computools/react-native-template-controller 0.0.4 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@computools/react-native-template-controller",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Computools react native template by using mobx as controllers",
   "main": "template.config.js",
   "scripts": {

package/template/package.json

@@ -7,7 +7,8 @@
     "ios": "react-native run-ios",
     "lint": "eslint .",
     "start": "react-native start",
-    "test": "jest"
+    "test": "jest",
+    "test-coverage": "jest test --coverage --watchAll=false"
   },
   "dependencies": {
     "@hookform/resolvers": "2.9.11",
@@ -48,6 +49,32 @@
     "typescript": "4.8.4"
   },
   "jest": {
-    "preset": "react-native"
+    "preset": "react-native",
+    "collectCoverageFrom": [
+      "**/*.ts",
+      "**/*.controller.ts",
+      "**/*.impl.ts",
+      "**/*.repo.ts",
+      "**/*.service.ts",
+      "!node_modules/*",
+      "!**/types/*",
+      "!**/*.routes.ts"
+    ],
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json",
+      "node"
+    ],
+    "coverageThreshold": {
+      "global": {
+        "branches": 100,
+        "functions": 100,
+        "lines": 100,
+        "statements": 100
+      }
+    }
   }
-}
+}

package/template/src/app/config/__tests__/http.test.ts

@@ -0,0 +1,148 @@
+import {Http} from '../http';
+import JSONResponse from './mocks/picsum_response.json';
+import {token} from './mocks/token.json';
+
+interface HttpConstructor {
+  baseURL?: string;
+  headers?: {[headerName: string]: string | number};
+}
+
+interface AxiosResponse {
+  url: string;
+  someData: Object;
+  config: HttpConstructor;
+}
+
+const mockedResponse = (config: HttpConstructor) => (url: string) => {
+  if (url.includes('error')) {
+    throw new Error(url);
+  }
+
+  return {data: {config, url, someData: JSONResponse}};
+};
+
+jest.mock('axios', () => ({
+  create: jest.fn((config: HttpConstructor) => ({
+    get: mockedResponse(config),
+    post: mockedResponse(config),
+    put: mockedResponse(config),
+    delete: mockedResponse(config),
+  })),
+}));
+
+describe('Http', () => {
+  it('empty constructor', async () => {
+    const http = new Http();
+
+    await checkSuccessHttpRequests({baseURL: '', headers: {}}, http);
+    await checkFaildHttpRequests(http);
+  });
+
+  it('base URL constructor', async () => {
+    const baseURL = 'https://picsum.photos/v2/list';
+    const http = new Http(baseURL);
+
+    await checkSuccessHttpRequests({baseURL, headers: {}}, http);
+    await checkFaildHttpRequests(http);
+  });
+
+  it('base URL & default headers constructor', async () => {
+    const baseURL = 'https://picsum.photos/v2/list';
+    const headers = {'Content-Type': 'multipart/form-data'};
+    const http = new Http(baseURL, headers);
+
+    await checkSuccessHttpRequests({baseURL, headers}, http);
+    await checkFaildHttpRequests(http);
+  });
+
+  it('setBaseURL method', async () => {
+    const http = new Http();
+
+    const baseURL = 'http://www.redmine.com';
+    http.setBaseURL(baseURL);
+
+    await checkSuccessHttpRequests({baseURL, headers: {}}, http);
+    await checkFaildHttpRequests(http);
+  });
+
+  it('addBearerToken method', async () => {
+    const baseURL = 'http://www.redmine.com';
+    const http = new Http(baseURL);
+    http.addBearerToken(token);
+
+    await checkSuccessHttpRequests({baseURL, headers: {Authorization: `Bearer ${token}`}}, http);
+    await checkFaildHttpRequests(http);
+  });
+
+  it('addHeader method', async () => {
+    const http = new Http();
+
+    const headerName = 'AppVersion';
+    const headerValue = 'AppVersion';
+    http.addHeader(headerName, headerValue);
+
+    await checkSuccessHttpRequests({baseURL: '', headers: {[headerName]: headerValue}}, http);
+    await checkFaildHttpRequests(http);
+  });
+
+  it('cleanHeaders method', async () => {
+    const baseURL = 'http://redmine.com';
+    const headers = {'Content-Type': 'multipart/form-data'};
+    const http = new Http(baseURL, headers);
+
+    await checkSuccessHttpRequests({baseURL, headers}, http);
+
+    http.cleanHeaders();
+
+    await checkSuccessHttpRequests({baseURL, headers: {}}, http);
+    await checkFaildHttpRequests(http);
+  });
+
+  const checkSuccessHttpRequests = async (expectConfig: HttpConstructor, http: Http) => {
+    const reqGetUrl = 'https://picsum.photos/v2/list';
+    const getRes = await http.get<AxiosResponse>(reqGetUrl);
+
+    expect(getRes.config).toStrictEqual(expectConfig);
+    expect(getRes.url).toStrictEqual(reqGetUrl);
+    expect(getRes.someData).toStrictEqual(JSONResponse);
+
+    const reqPostUrl = 'https://picsum.photos/v2/list/1';
+    const postRes = await http.post<AxiosResponse>(reqPostUrl);
+
+    expect(postRes.config).toStrictEqual(expectConfig);
+    expect(postRes.url).toStrictEqual(reqPostUrl);
+    expect(postRes.someData).toStrictEqual(JSONResponse);
+
+    const reqPutUrl = 'https://picsum.photos/v2/list/1';
+    const putRes = await http.put<AxiosResponse>(reqPutUrl);
+
+    expect(putRes.config).toStrictEqual(expectConfig);
+    expect(putRes.url).toStrictEqual(reqPutUrl);
+    expect(putRes.someData).toStrictEqual(JSONResponse);
+
+    const reqDeleteUrl = 'https://picsum.photos/v2/list/1';
+    const deleteRes = await http.delete<AxiosResponse>(reqDeleteUrl);
+
+    expect(deleteRes.config).toStrictEqual(expectConfig);
+    expect(deleteRes.url).toStrictEqual(reqDeleteUrl);
+    expect(deleteRes.someData).toStrictEqual(JSONResponse);
+  };
+
+  const checkFaildHttpRequests = async (http: Http) => {
+    const reqGetUrl = 'https://picsum.photos/v2/list_error';
+    const getRes = http.get<AxiosResponse>(reqGetUrl);
+    await expect(getRes).rejects.toThrow(reqGetUrl);
+
+    const reqPostUrl = 'https://picsum.photos/v2/list/1_error';
+    const postRes = http.post<AxiosResponse>(reqPostUrl);
+    await expect(postRes).rejects.toThrow(reqPostUrl);
+
+    const reqPutUrl = 'https://picsum.photos/v2/list_error/1';
+    const putRes = http.put<AxiosResponse>(reqPutUrl);
+    await expect(putRes).rejects.toThrow(reqPutUrl);
+
+    const reqDeleteUrl = 'https://picsum.photos/v2/list_error/1';
+    const deleteRes = http.delete<AxiosResponse>(reqDeleteUrl);
+    await expect(deleteRes).rejects.toThrow(reqDeleteUrl);
+  };
+});

package/template/src/app/config/__tests__/injector.test.ts

@@ -0,0 +1,17 @@
+import {injector} from '../injector';
+
+describe('Injector', () => {
+  it('check with abstract class', async () => {
+    abstract class SomeAbstractClass {
+      public name: string = 'John Doy';
+    }
+    class SomeClass implements SomeAbstractClass {
+      public name: string = 'Test Jhon';
+    }
+
+    const value = new SomeClass();
+
+    injector.set(SomeAbstractClass, value);
+    expect(injector.get(SomeAbstractClass).name).toStrictEqual(value.name);
+  });
+});

package/template/src/app/config/__tests__/memory.test.ts

@@ -0,0 +1,37 @@
+import {MMKVMemory} from '../memory';
+import JSONUser from './mocks/user.json';
+
+describe('Memory', () => {
+  let memory: MMKVMemory;
+
+  beforeEach(() => {
+    memory = new MMKVMemory();
+  });
+
+  it('success save/get', () => {
+    const key = 'TEST_USER';
+    memory.save(key, JSONUser);
+
+    const user = memory.get(key);
+    expect(user).toStrictEqual(JSONUser);
+  });
+
+  it('success remove/get', () => {
+    const key = 'TEST_USER';
+    memory.save(key, JSONUser);
+
+    const user = memory.get(key);
+    expect(user).toStrictEqual(JSONUser);
+
+    memory.remove(key);
+    const removedUser = memory.get(key);
+    expect(removedUser).toStrictEqual(null);
+  });
+
+  it('fail get', () => {
+    const key = 'NOT_EXISTING_USER_KEY';
+
+    const user = memory.get(key);
+    expect(user).toStrictEqual(null);
+  });
+});

package/template/src/app/config/__tests__/mocks/picsum_response.json

@@ -0,0 +1,82 @@
+[
+    {
+      "id": "0",
+      "author": "Alejandro Escamilla",
+      "width": 5616,
+      "height": 3744,
+      "url": "https://unsplash.com/photos/yC-Yzbqy7PY",
+      "download_url": "https://picsum.photos/id/0/5616/3744"
+    },
+    {
+      "id": "1",
+      "author": "Alejandro Escamilla",
+      "width": 5616,
+      "height": 3744,
+      "url": "https://unsplash.com/photos/LNRyGwIJr5c",
+      "download_url": "https://picsum.photos/id/1/5616/3744"
+    },
+    {
+      "id": "10",
+      "author": "Paul Jarvis",
+      "width": 2500,
+      "height": 1667,
+      "url": "https://unsplash.com/photos/6J--NXulQCs",
+      "download_url": "https://picsum.photos/id/10/2500/1667"
+    },
+    {
+      "id": "100",
+      "author": "Tina Rataj",
+      "width": 2500,
+      "height": 1656,
+      "url": "https://unsplash.com/photos/pwaaqfoMibI",
+      "download_url": "https://picsum.photos/id/100/2500/1656"
+    },
+    {
+      "id": "1000",
+      "author": "Lukas Budimaier",
+      "width": 5626,
+      "height": 3635,
+      "url": "https://unsplash.com/photos/6cY-FvMlmkQ",
+      "download_url": "https://picsum.photos/id/1000/5626/3635"
+    },
+    {
+      "id": "1001",
+      "author": "Danielle MacInnes",
+      "width": 5616,
+      "height": 3744,
+      "url": "https://unsplash.com/photos/1DkWWN1dr-s",
+      "download_url": "https://picsum.photos/id/1001/5616/3744"
+    },
+    {
+      "id": "1002",
+      "author": "NASA",
+      "width": 4312,
+      "height": 2868,
+      "url": "https://unsplash.com/photos/6-jTZysYY_U",
+      "download_url": "https://picsum.photos/id/1002/4312/2868"
+    },
+    {
+      "id": "1003",
+      "author": "E+N Photographies",
+      "width": 1181,
+      "height": 1772,
+      "url": "https://unsplash.com/photos/GYumuBnTqKc",
+      "download_url": "https://picsum.photos/id/1003/1181/1772"
+    },
+    {
+      "id": "1004",
+      "author": "Greg Rakozy",
+      "width": 5616,
+      "height": 3744,
+      "url": "https://unsplash.com/photos/SSxIGsySh8o",
+      "download_url": "https://picsum.photos/id/1004/5616/3744"
+    },
+    {
+      "id": "1005",
+      "author": "Matthew Wiebe",
+      "width": 5760,
+      "height": 3840,
+      "url": "https://unsplash.com/photos/tBtuxtLvAZs",
+      "download_url": "https://picsum.photos/id/1005/5760/3840"
+    }
+  ]

package/template/src/app/config/__tests__/mocks/token.json

@@ -0,0 +1,3 @@
+{
+    "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c"
+}

package/template/src/app/config/__tests__/mocks/user.json

@@ -0,0 +1,7 @@
+{
+    "id": 123,
+    "email": "kekek@awxwax.com",
+    "first_name": "Kek",
+    "last_name": "Lol",
+    "avatar": "https://reqres.in/img/faces/2-image.jpg"
+}

package/template/src/app/config/injector.ts

@@ -1,6 +1,6 @@
 type AnyClass<T> = abstract new (...args: never[]) => T;
 
-export class Injector {
+class Injector {
   private map: Map<Object, InstanceType<typeof Object>> = new Map();
 
   public get = <C extends AnyClass<Object>>(key: C) => this.map.get(key) as InstanceType<C>;

package/template/src/app/config/memory.ts

@@ -8,7 +8,7 @@ export abstract class Memory {
   public abstract get: <T>(key: string) => T | null;
 }
 
-export class MMKVMemory implements Memory {
+export class MMKVMemory extends Memory {
   private storage: MMKV = new MMKV();
 
   public save = <T>(key: string, value: T) => this.storage.set(key, JSON.stringify(value));

package/template/src/app/infrastructure/__tests__/init-logic.test.ts

@@ -0,0 +1,24 @@
+import {Http} from '@config/http';
+import {Memory} from '@config/memory';
+import {initLogic} from '../init-logic';
+import {injector} from '@config/injector';
+import {AuthRepo} from '../auth/auth.repo';
+import {AuthService} from '../auth/auth.service';
+
+describe('init-logic', () => {
+  beforeAll(() => {
+    jest.spyOn(AuthService.prototype, 'authInit');
+  });
+
+  it('check init-logic', async () => {
+    initLogic();
+
+    expect(injector.get(Http)).toBeInstanceOf(Http);
+
+    expect(injector.get(Memory)).toBeInstanceOf(Memory);
+    expect(injector.get(AuthRepo)).toBeInstanceOf(AuthRepo);
+    expect(injector.get(AuthService)).toBeInstanceOf(AuthService);
+
+    expect(injector.get(AuthService).authInit).toHaveBeenCalled();
+  });
+});

package/template/src/app/infrastructure/auth/__tests__/auth.repo.impl.test.ts

@@ -0,0 +1,49 @@
+import {Http} from '@config/http';
+import {injector} from '@config/injector';
+import {AuthRepoImpl} from '../auth.repo.impl';
+import {MMKVMemory, Memory} from '@config/memory';
+
+describe('AuthRepo', () => {
+  let http: Http;
+  let memory: Memory;
+
+  let authRepo: AuthRepoImpl;
+
+  beforeEach(() => {
+    http = new Http();
+    memory = new MMKVMemory();
+
+    injector.set(Http, http);
+    injector.set(Memory, memory);
+
+    authRepo = new AuthRepoImpl();
+  });
+
+  it('success loginFromMemory', () => {
+    const expectedToken = 'SomeTokenMock';
+
+    jest.spyOn(memory, 'get').mockImplementationOnce(() => expectedToken);
+    jest.spyOn(http, 'addBearerToken');
+    const res = authRepo.loginFromMemory();
+
+    expect(res).toStrictEqual(expectedToken);
+    expect(http.addBearerToken).toHaveBeenCalled();
+  });
+
+  it('success/no user in memory, loginFromMemory', () => {
+    jest.spyOn(memory, 'get').mockImplementationOnce(() => null);
+    jest.spyOn(http, 'addBearerToken');
+    const res = authRepo.loginFromMemory();
+
+    expect(res).toStrictEqual(null);
+    expect(http.addBearerToken).not.toHaveBeenCalled();
+  });
+
+  it('login', async () => {
+    await expect(authRepo.login('', '')).rejects.toThrow(Error);
+  });
+
+  it('logout', async () => {
+    await expect(authRepo.logout()).rejects.toThrow(Error);
+  });
+});

package/template/src/app/infrastructure/auth/__tests__/auth.service.test.ts

@@ -0,0 +1,59 @@
+import {Http} from '@config/http';
+import {injector} from '@config/injector';
+import {AuthService} from '../auth.service';
+import {AuthRepoImpl} from '../auth.repo.impl';
+import {MMKVMemory, Memory} from '@config/memory';
+import {AuthRepo} from '../auth.repo';
+
+describe('AuthService', () => {
+  let http: Http;
+  let memory: Memory;
+  let authRepo: AuthRepoImpl;
+
+  let authService: AuthService;
+
+  beforeEach(() => {
+    http = new Http();
+    memory = new MMKVMemory();
+
+    injector.set(Http, http);
+    injector.set(Memory, memory);
+
+    authRepo = new AuthRepoImpl();
+    injector.set(AuthRepo, authRepo);
+
+    authService = new AuthService();
+  });
+
+  it('success/no user authInit', () => {
+    authService.authInit();
+
+    expect(authService.token).toBeNull();
+  });
+
+  it('success authInit', () => {
+    const expectedToken = 'SomeTokenMock';
+
+    jest.spyOn(authRepo, 'loginFromMemory').mockImplementationOnce(() => expectedToken);
+    authService.authInit();
+
+    expect(authService.token).toStrictEqual(expectedToken);
+  });
+
+  it('success login', async () => {
+    const expectedToken = 'SomeTokenMock';
+
+    jest.spyOn(authRepo, 'login').mockImplementationOnce(() => Promise.resolve(expectedToken));
+    await authService.login('', '');
+
+    expect(authService.token).toStrictEqual(expectedToken);
+  });
+
+  it('exception login', async () => {
+    await expect(authService.login('', '')).rejects.toThrow(Error);
+  });
+
+  it('logout', async () => {
+    await expect(authService.logout()).rejects.toThrow(Error);
+  });
+});

package/template/src/app/infrastructure/auth/__tests__/login.controller.test.ts

@@ -0,0 +1,42 @@
+import {Http} from '@config/http';
+import {injector} from '@config/injector';
+import {AuthService} from '../auth.service';
+import {AuthRepoImpl} from '../auth.repo.impl';
+import {MMKVMemory, Memory} from '@config/memory';
+import {AuthRepo} from '../auth.repo';
+import {LoginController} from '../screens/login/login.controller';
+
+describe('AuthService', () => {
+  let http: Http;
+  let memory: Memory;
+
+  let authRepo: AuthRepoImpl;
+
+  let authService: AuthService;
+
+  let controller: LoginController;
+
+  beforeEach(() => {
+    http = new Http();
+    memory = new MMKVMemory();
+
+    injector.set(Http, http);
+    injector.set(Memory, memory);
+
+    authRepo = new AuthRepoImpl();
+    injector.set(AuthRepo, authRepo);
+
+    authService = new AuthService();
+    injector.set(AuthService, authService);
+
+    controller = new LoginController();
+  });
+
+  it('login', async () => {
+    expect(controller.isProcessing).toBe(false);
+
+    await expect(controller.login('', '')).rejects.toThrow(Error);
+
+    expect(controller.isProcessing).toBe(false);
+  });
+});

package/template/src/app/infrastructure/auth/auth.repo.impl.ts

@@ -3,7 +3,7 @@ import {Memory} from '@config/memory';
 import {Http} from '@config/http';
 import {AuthRepo} from './auth.repo';
 
-export class AuthRepoImpl implements AuthRepo {
+export class AuthRepoImpl extends AuthRepo {
   private static readonly TokenKey: string = 'USER_TOKEN';
 
   private memory: Memory = injector.get(Memory);
@@ -19,7 +19,7 @@ export class AuthRepoImpl implements AuthRepo {
     return token;
   };
 
-  public login = async (username: string, password: string) => {
+  public login = async (username: string, password: string): Promise<string> => {
     throw new Error(`Not implemented login with: ${username} ${password}`);
   };
 

package/template/src/app/infrastructure/auth/auth.repo.ts

@@ -1,5 +1,5 @@
 export abstract class AuthRepo {
   public abstract loginFromMemory: () => string | null;
-  public abstract login: (username: string, password: string) => Promise<null>;
+  public abstract login: (username: string, password: string) => Promise<string>;
   public abstract logout: () => Promise<null>;
 }

package/template/src/app/infrastructure/auth/auth.service.ts

@@ -11,7 +11,7 @@ export class AuthService {
   }
 
   public authInit() {
-    this.authRepo.loginFromMemory();
+    this.userToken = this.authRepo.loginFromMemory();
   }
 
   public async login(username: string, password: string) {

package/template/src/app/infrastructure/auth/screens/login/Login.screen.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as yup from 'yup';
-import {yupResolver} from '@hookform/resolvers/yup';
 import {useLocalObservable} from 'mobx-react-lite';
+import {yupResolver} from '@hookform/resolvers/yup';
 import {View, Text, StyleSheet} from 'react-native';
 import {CommonActions} from '@react-navigation/native';
 import {useForm, Controller, ControllerProps} from 'react-hook-form';