feat: setup jest and react-testing-library (#196)

* feat: setup jest and react-testing-library

* chore: import

packages/raystack/jest.config.ts

@@ -0,0 +1,25 @@
+export default {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+  moduleNameMapper: {
+    // Handle CSS imports
+    '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
+    // Handle path aliases
+    '^~/(.*)$': '<rootDir>/v1/$1'
+  },
+  testPathIgnorePatterns: ['/node_modules/', '/dist/'],
+  collectCoverageFrom: [
+    'v1/**/*.{ts,tsx}',
+    '!v1/**/*.d.ts',
+    '!v1/**/index.{ts,tsx}'
+  ],
+  coverageThreshold: {
+    global: {
+      branches: 80,
+      functions: 80,
+      lines: 80,
+      statements: 80
+    }
+  }
+}; 

packages/raystack/jest.setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom'; 

packages/raystack/package.json

@@ -32,7 +32,10 @@
     "release": "release-it",
     "release:ci": "release-it --ci --no-increment --npm.ignoreVersion",
     "bump-version": "node scripts/bump-version.js",
-    "clean": "rm -rf .turbo && rm -rf dist"
+    "clean": "rm -rf .turbo && rm -rf dist",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage"
   },
   "typesVersions": {
     "*": {
@@ -52,9 +55,16 @@
     "@rollup/plugin-image": "^3.0.2",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@rollup/plugin-typescript": "^11.1.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/jest": "^29.5.14",
     "@types/react": "^18.2.12",
     "@types/react-select": "^5.0.1",
     "eslint-config-custom": "workspace:*",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "np": "^8.0.4",
     "npm": "^9.7.1",
     "parcel": "^2.9.2",
@@ -66,6 +76,7 @@
     "rollup": "^3.25.1",
     "rollup-plugin-postcss": "^4.0.2",
     "semver": "^7.6.0",
+    "ts-jest": "^29.2.5",
     "tsconfig": "workspace:*",
     "typescript": "~5.4.3"
   },

packages/raystack/tsconfig.json

@@ -7,7 +7,8 @@
     "paths": {
       "~/*": ["./*"],
       "~/v1/*": ["./v1/*"]
-    }
+    },
+    "types": ["jest", "@testing-library/jest-dom"]
   },
   "include": [".", "v1"],
   "exclude": ["dist", "build", "node_modules"]

packages/raystack/v1/test-utils.tsx

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { render as rtlRender, RenderOptions, RenderResult } from '@testing-library/react';
+
+function render(ui: ReactElement, options: RenderOptions = {}): RenderResult {
+  return rtlRender(ui, {
+    wrapper: ({ children }) => children,
+    ...options,
+  });
+}
+
+export * from '@testing-library/react';
+export { render };