fixed jest configuration issue by adding tsconfig for jest

Author: wiltonlee948

www/__tests__/FeaturesSection.test.tsx

@@ -0,0 +1,9 @@
+import {screen, render} from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import FeaturesSection from '../src/pages/components/FeaturesSection';
+
+describe('<FeaturesSection />', () => {
+  it('renders the core features section', () => {
+    render(<FeaturesSection />)
+  })
+});

www/jest.config.js

@@ -0,0 +1,15 @@
+/** @type {import('ts-jest').JestConfigWithTsJest} */
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'jsdom',
+  transform: {
+    // '^.+\\.[tj]sx?$' to process js/ts with `ts-jest`
+    // '^.+\\.m?[tj]sx?$' to process js/ts/mjs/mts with `ts-jest`
+    '^.+\\.tsx?$': [
+      'ts-jest',
+      {
+        tsconfig: 'tsconfig.jest.json',
+      },
+    ],
+  },
+};

www/package.json

@@ -7,7 +7,8 @@
     "dev": "next dev",
     "postinstall": "prisma generate",
     "lint": "next lint",
-    "start": "next start"
+    "start": "next start",
+    "test": "jest"
   },
   "dependencies": {
     "@headlessui/react": "^1.7.5",
@@ -30,6 +31,7 @@
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
+    "@types/jest": "^29.2.5",
     "@types/node": "^18.0.0",
     "@types/react": "^18.0.14",
     "@types/react-dom": "^18.0.5",
@@ -39,12 +41,15 @@
     "autoprefixer": "^10.4.7",
     "eslint": "^8.26.0",
     "eslint-config-next": "13.0.2",
+    "jest": "^29.3.1",
+    "jest-environment-jsdom": "^29.3.1",
     "postcss": "^8.4.14",
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.1.13",
     "prisma": "^4.5.0",
     "tailwindcss": "^3.2.0",
-    "typescript": "^4.8.4"
+    "ts-jest": "^29.0.3",
+    "typescript": "^4.9.4"
   },
   "ct3aMetadata": {
     "initVersion": "6.11.3"

www/prisma/schema.prisma

@@ -6,12 +6,13 @@ generator client {
 }
 
 datasource db {
-  provider = "sqlite"
+  provider = "mysql"
   url      = env("DATABASE_URL")
+  relationMode = "prisma"
 }
 
 model User {
-  id        String   @id @default(cuid()) 
+  id        String   @id @default(cuid())
   name      String
   email     String
   admin     Boolean  @default(false)

…src/pages/components/FeaturesSection.jsx …src/pages/components/FeaturesSection.tsxwww/src/pages/components/FeaturesSection.jsx renamed to www/src/pages/components/FeaturesSection.tsx www/src/pages/components/FeaturesSection.jsx renamed to www/src/pages/components/FeaturesSection.tsx

@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "jsx": "react-jsx"
+  }
+}