chore: setup unit tests (#30)

Author: kanelloc

.github/workflows/ci.yml

@@ -14,8 +14,8 @@ jobs:
 
       - name: git config
         run: |
-          git config user.name "kanelloc-deploy"
-          git config user.email "${{secrets.DEPLOY_EMAIL}}"
+          git config user.name "${GITHUB_ACTOR}"
+          git config user.email "${GITHUB_ACTOR}@users.noreply.github.com"
 
       - run: >
           echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" >> ~/.npmrc

package.json

@@ -57,6 +57,7 @@
     "@evilmartians/lefthook": "^1.2.2",
     "@react-native-community/eslint-config": "^3.0.2",
     "@release-it/conventional-changelog": "^5.0.0",
+    "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^28.1.2",
     "@types/react": "~17.0.21",
     "@types/react-native": "0.70.0",
@@ -72,6 +73,7 @@
     "react": "18.1.0",
     "react-native": "0.70.5",
     "react-native-builder-bob": "^0.20.0",
+    "react-test-renderer": "^18.2.0",
     "release-it": "^15.0.0",
     "typescript": "^4.5.2"
   },

src/__tests__/index.test.tsx

@@ -0,0 +1,65 @@
+import { renderHook } from '@testing-library/react-hooks';
+import { useAnimateNavbar } from '../hooks/useAnimateNavbar';
+import { HEADER_HEIGHT, IMG_HEADER_HEIGHT } from '../constants';
+import { Animated } from 'react-native';
+import { useRef } from 'react';
+
+describe('useAnimatedNavbar basic tests', () => {
+  it('should return starting points', () => {
+    const { result } = renderHook(() => {
+      const first = (IMG_HEADER_HEIGHT - HEADER_HEIGHT) * 0.75; // 157,5
+      const scroll = useRef(new Animated.Value(first)).current;
+      return useAnimateNavbar(scroll, IMG_HEADER_HEIGHT, HEADER_HEIGHT);
+    });
+
+    const [headerOpacity, overflowHeaderOpacity] = result.current;
+
+    expect(JSON.stringify(headerOpacity)).toBe('0');
+    expect(JSON.stringify(overflowHeaderOpacity)).toBe('1');
+  });
+
+  it('should return ending points', () => {
+    const { result } = renderHook(() => {
+      const first = IMG_HEADER_HEIGHT - HEADER_HEIGHT; // 210
+      const scroll = useRef(new Animated.Value(first)).current;
+      return useAnimateNavbar(scroll, IMG_HEADER_HEIGHT, HEADER_HEIGHT);
+    });
+
+    const [headerOpacity, overflowHeaderOpacity] = result.current;
+
+    expect(JSON.stringify(headerOpacity)).toBe('1');
+    expect(JSON.stringify(overflowHeaderOpacity)).toBe('0');
+  });
+
+  it('should return 50% of interpolation', () => {
+    const { result } = renderHook(() => {
+      const start = (IMG_HEADER_HEIGHT - HEADER_HEIGHT) * 0.75; // 157,5
+      const end = IMG_HEADER_HEIGHT - HEADER_HEIGHT; // 210
+      const diff = (end - start) / 2;
+
+      const scroll = useRef(new Animated.Value(end - diff)).current;
+      return useAnimateNavbar(scroll, IMG_HEADER_HEIGHT, HEADER_HEIGHT);
+    });
+
+    const [headerOpacity, overflowHeaderOpacity] = result.current;
+
+    expect(JSON.stringify(headerOpacity)).toBe('0.5');
+    expect(JSON.stringify(overflowHeaderOpacity)).toBe('0.5');
+  });
+
+  it('should return 80% of interpolation', () => {
+    const { result } = renderHook(() => {
+      const start = (IMG_HEADER_HEIGHT - HEADER_HEIGHT) * 0.75; // 157,5
+      const end = IMG_HEADER_HEIGHT - HEADER_HEIGHT; // 210
+      const diff = (end - start) * 0.8;
+
+      const scroll = useRef(new Animated.Value(end - diff)).current;
+      return useAnimateNavbar(scroll, IMG_HEADER_HEIGHT, HEADER_HEIGHT);
+    });
+
+    const [headerOpacity, overflowHeaderOpacity] = result.current;
+
+    expect(JSON.stringify(headerOpacity)).toBe('0.2');
+    expect(JSON.stringify(overflowHeaderOpacity)).toBe('0.8');
+  });
+});

src/__tests__/useAnimateNavbar.test.ts

@@ -1045,6 +1045,13 @@
   dependencies:
     regenerator-runtime "^0.13.11"
 
+"@babel/runtime@^7.12.5":
+  version "7.20.13"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.13.tgz#7055ab8a7cff2b8f6058bf6ae45ff84ad2aded4b"
+  integrity sha512-gt3PKXs0DBoL9xCvOIIZ2NEqAGZqHjAnmVbfQtB620V0uReIQutpel14KcneZuer7UioY8ALKZ7iocavvzTNFA==
+  dependencies:
+    regenerator-runtime "^0.13.11"
+
 "@babel/template@^7.0.0", "@babel/template@^7.18.10", "@babel/template@^7.20.7", "@babel/template@^7.3.3":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
@@ -2044,6 +2051,14 @@
   dependencies:
     defer-to-connect "^2.0.1"
 
+"@testing-library/react-hooks@^8.0.1":
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/@testing-library/react-hooks/-/react-hooks-8.0.1.tgz#0924bbd5b55e0c0c0502d1754657ada66947ca12"
+  integrity sha512-Aqhl2IVmLt8IovEVarNDFuJDVWVvhnr9/GCU6UUnrYXwgDFF9h2L2o2P9KBni1AST5sT6riAyoukFLyjQUgD/g==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    react-error-boundary "^3.1.0"
+
 "@tootallnate/once@1":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
@@ -7825,7 +7840,14 @@ [email protected]:
     shell-quote "^1.6.1"
     ws "^7"
 
-"react-is@^16.12.0 || ^17.0.0 || ^18.0.0", react-is@^18.0.0:
+react-error-boundary@^3.1.0:
+  version "3.1.4"
+  resolved "https://registry.yarnpkg.com/react-error-boundary/-/react-error-boundary-3.1.4.tgz#255db92b23197108757a888b01e5b729919abde0"
+  integrity sha512-uM9uPzZJTF6wRQORmSrvOIgt4lJ9MC1sNgEOj2XGsDTRE4kmpWxg7ENK9EWNKJRMAOY9z0MuF4yIfl6gp4sotA==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+
+"react-is@^16.12.0 || ^17.0.0 || ^18.0.0", react-is@^18.0.0, react-is@^18.2.0:
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
@@ -7933,6 +7955,15 @@ react-shallow-renderer@^16.15.0:
     object-assign "^4.1.1"
     react-is "^16.12.0 || ^17.0.0 || ^18.0.0"
 
+react-test-renderer@^18.2.0:
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-18.2.0.tgz#1dd912bd908ff26da5b9fca4fd1c489b9523d37e"
+  integrity sha512-JWD+aQ0lh2gvh4NM3bBM42Kx+XybOxCpgYK7F8ugAlpaTSnWsX+39Z4XkOykGZAHrjwwTZT3x3KxswVWxHPUqA==
+  dependencies:
+    react-is "^18.2.0"
+    react-shallow-renderer "^16.15.0"
+    scheduler "^0.23.0"
+
 [email protected]:
   version "18.1.0"
   resolved "https://registry.yarnpkg.com/react/-/react-18.1.0.tgz#6f8620382decb17fdc5cc223a115e2adbf104890"
@@ -8389,6 +8420,13 @@ scheduler@^0.22.0:
   dependencies:
     loose-envify "^1.1.0"
 
+scheduler@^0.23.0:
+  version "0.23.0"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.0.tgz#ba8041afc3d30eb206a487b6b384002e4e61fdfe"
+  integrity sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==
+  dependencies:
+    loose-envify "^1.1.0"
+
 semver-diff@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-4.0.0.tgz#3afcf5ed6d62259f5c72d0d5d50dffbdc9680df5"