chore: fix Vitest setup (#14)

Author: mdjastrzebski

.vscode/extensions.json

@@ -1,3 +1,6 @@
 {
-  "recommendations": ["nrwl.angular-console", "esbenp.prettier-vscode"]
+  "recommendations": [
+    "nrwl.angular-console",
+    "esbenp.prettier-vscode",
+  ]
 }

package.json

@@ -15,11 +15,15 @@
     "@eslint/js": "^9.8.0",
     "@nx/eslint": "19.8.0",
     "@nx/eslint-plugin": "19.8.0",
-    "@nx/js": "19.8.0",
+    "@nx/js": "19.8.3",
+    "@nx/vite": "^19.8.3",
+    "@nx/web": "19.8.3",
     "@swc-node/register": "~1.9.1",
     "@swc/core": "~1.5.7",
     "@swc/helpers": "~0.5.11",
     "@types/node": "18.16.9",
+    "@vitest/coverage-v8": "^1.0.4",
+    "@vitest/ui": "^1.3.1",
     "eslint": "^9.8.0",
     "eslint-config-prettier": "^9.0.0",
     "nx": "19.8.0",
@@ -28,8 +32,8 @@
     "typescript": "~5.5.2",
     "typescript-eslint": "^8.0.0",
     "verdaccio": "^5.0.4",
-    "vitest": "^2.1.1",
-    "@nx/vite": "^19.8.3"
+    "vite": "^5.0.0",
+    "vitest": "^2.1.1"
   },
   "nx": {
     "includedScripts": []

packages/create-app/eslint.config.js

@@ -9,9 +9,6 @@ module.exports = [
         'error',
         {
           ignoredFiles: ['{projectRoot}/eslint.config.{js,cjs,mjs}'],
-          // TODO: @nx/dependency-checks incorrectly reports unused dependencies
-          // See: https://github.com/callstack/rnef/issues/8
-          checkObsoleteDependencies: false,
         },
       ],
     },

packages/create-app/tsconfig.lib.json

@@ -6,5 +6,5 @@
     "types": ["node"]
   },
   "include": ["src/**/*.ts"],
-  "exclude": ["vitest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"]
+  "exclude": ["src/**/*.spec.ts", "src/**/*.test.ts"]
 }

packages/create-app/tsconfig.spec.json

@@ -2,13 +2,25 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
-    "types": ["node"]
+    "types": [
+      "vitest/globals",
+      "vitest/importMeta",
+      "vite/client",
+      "node",
+      "vitest"
+    ]
   },
   "include": [
+    "vite.config.ts",
     "vitest.config.ts",
     "src/**/*.test.ts",
     "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
     "src/**/*.d.ts"
   ]
 }

packages/create-app/vite.config.ts

@@ -0,0 +1,30 @@
+/// <reference types='vitest' />
+import { defineConfig } from 'vite';
+
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+import { nxCopyAssetsPlugin } from '@nx/vite/plugins/nx-copy-assets.plugin';
+
+export default defineConfig({
+  root: __dirname,
+  cacheDir: '../../node_modules/.vite/packages/create-app',
+
+  plugins: [nxViteTsPaths(), nxCopyAssetsPlugin(['*.md'])],
+
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [ nxViteTsPaths() ],
+  // },
+
+  test: {
+    watch: false,
+    globals: true,
+    environment: 'node',
+    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: '../../coverage/packages/create-app',
+      provider: 'v8',
+    },
+  },
+});

packages/create-app/vitest.config.ts

@@ -1,4 +1,4 @@
-const baseConfig = require('../eslint.config.js');
+const baseConfig = require('../../eslint.config.js');
 
 module.exports = [
   ...baseConfig,
@@ -9,8 +9,6 @@ module.exports = [
         'error',
         {
           ignoredFiles: ['{projectRoot}/eslint.config.{js,cjs,mjs}'],
-          // TODO: @nx/dependency-checks incorrectly reports unused dependencies
-          checkObsoleteDependencies: false,
         },
       ],
     },

test-helpers/README.md renamed to packages/test-helpers/README.md

@@ -1,5 +1,5 @@
 {
-  "name": "test-helpers",
+  "name": "@callstack/rnef-test-helpers",
   "version": "0.0.1",
   "dependencies": {
     "tslib": "^2.3.0"