chore: setup testing environment

Author: jason89521

packages/react-use-calendar-component/jest-setup.ts

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

packages/react-use-calendar-component/jest.config.js

@@ -0,0 +1,6 @@
+/** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
+export default {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  setupFilesAfterEnv: ['<rootDir>/jest-setup.ts'],
+};

packages/react-use-calendar-component/package.json

@@ -22,14 +22,20 @@
   "main": "./dist/react-use-calendar-component.umd.cjs",
   "module": "./dist/react-use-calendar-component.js",
   "devDependencies": {
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@types/jest": "^29.0.3",
     "@types/react": "^18.0.20",
     "@types/react-dom": "^18.0.6",
+    "@types/testing-library__jest-dom": "5.14.5",
     "@vitejs/plugin-react": "^2.1.0",
     "autoprefixer": "^10.4.11",
+    "jest": "^29.0.3",
     "postcss": "^8.4.16",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.1.8",
+    "ts-jest": "^29.0.1",
     "typescript": "^4.8.3",
     "vite": "^3.1.3"
   },

packages/react-use-calendar-component/src/test/single.test.tsx

@@ -0,0 +1,8 @@
+import { getByText, render } from '@testing-library/react';
+
+describe('single', () => {
+  const { container } = render(<div>123</div>);
+  it('test', () => {
+    getByText(container, '123');
+  });
+});

packages/react-use-calendar-component/tsconfig.json

@@ -17,6 +17,6 @@
     "jsx": "react-jsx",
     "noUncheckedIndexedAccess": true
   },
-  "include": ["src/"],
+  "include": ["src/", "./jest-setup.ts"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }