test: add jest configuration

Author: ahmnouira

@types/index.ts

@@ -9,8 +9,6 @@ export type UseIonHeaderParallxInputResult = {
   ref: React.MutableRefObject<HTMLElement | null>
 }
 
-import {useIonHeaderParallax} from '../src/useIonicHeaderParallax'
+import { useIonHeaderParallax } from '../src/useIonicHeaderParallax'
 
-export {
-  useIonHeaderParallax
-}
+export { useIonHeaderParallax }

babel.config.js

@@ -0,0 +1,7 @@
+// babel.config.js
+module.exports = {
+    presets: [
+      ['@babel/preset-env', {targets: {node: 'current'}}],
+      '@babel/preset-typescript',
+    ],
+  };

jest.config.js

@@ -0,0 +1,8 @@
+/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
+module.exports = {
+  preset: 'ts-jest',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  testEnvironment: 'jsdom',
+  testMatch: ['<rootDir>/src/**/*.spec.ts', '<rootDir>/src/**/*.spec.tsx'],
+
+};

package.json

@@ -6,10 +6,14 @@
     "name": "Ahmd Nouira",
     "email": "ahmnouira@gmail.comm"
   },
+  "license": "MIT",
+  
   "repository": {
     "type": "git",
     "url": "https://github.com/ahmnouira/ionic-react-header-parallax.git"
   },
+  "readme": "https://github.com/ahmnouira/ionic-react-header-parallax.git#redme",
+  "homepage": "https://github.com/ahmnouira/ionic-react-header-parallax",
   "keywords": [
     "ionic"
   ],
@@ -41,8 +45,11 @@
     "prepare": "rimraf dist && yarn build",
     "release": "np --no-2fa"
   },
-  "license": "MIT",
   "devDependencies": {
+    "@babel/preset-env": "^7.15.0",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/preset-typescript": "^7.15.0",
+    "@testing-library/react": "^12.0.0",
     "@types/jest": "^27.0.1",
     "@types/node": "^16.6.1",
     "@types/react": "^17.0.18",
@@ -51,14 +58,14 @@
     "np": "^7.5.0",
     "prettier": "^2.3.2",
     "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
+    "ts-jest": "^27.0.5",
     "ts-node": "^10.2.0",
-    "typescript": "^4.3.5"
+    "typescript": "^4.3.5",
+    "yarn": "^1.22.11"
   },
-
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   }
-
-  
 }

src/IonHeaderParallax.spec.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react'
+import { render } from '@testing-library/react'
+import { IonHeaderParallax } from './IonHeaderParallax'
+
+describe('IonHeaderParallax', () => {
+  it('should render correctly', () => {
+    const {} = render(<IonHeaderParallax />)
+  })
+})

tsconfig.json

@@ -71,5 +71,5 @@
     // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
   },
   "include": ["src", "@types"],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", "src/**/*.spec.tsx", "src/**/*.spec.ts"]
 }