use vitest for soba

Author: nartc

libs/soba/abstractions/src/lib/prism-geometry.spec.ts

@@ -1,10 +1,35 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { NgtTestBed } from 'angular-three/testing';
+import { ExtrudeGeometry, Mesh } from 'three';
 import { NgtsPrismGeometry } from './prism-geometry';
 
 describe(NgtsPrismGeometry.name, () => {
+	@Component({
+		standalone: true,
+		template: `
+			<ngt-mesh>
+				<ngts-prism-geometry
+					[vertices]="[
+						[0, 0, 0],
+						[1, 0, 0],
+						[0, 1, 0],
+						[0, 0, 1],
+					]"
+				/>
+			</ngt-mesh>
+		`,
+		schemas: [CUSTOM_ELEMENTS_SCHEMA],
+		imports: [NgtsPrismGeometry],
+	})
+	class SceneGraph {}
+
 	it('should render properly', async () => {
-		const { scene } = NgtTestBed.create(NgtsPrismGeometry);
+		const { scene, fixture } = NgtTestBed.create(SceneGraph);
+		fixture.detectChanges();
+
+		expect(scene.children.length).toEqual(1);
+		const mesh = scene.children[0] as Mesh<ExtrudeGeometry>;
 
-		expect(true).toBe(true);
+		expect(mesh.geometry.type).toEqual('ExtrudeGeometry');
 	});
 });

libs/soba/project.json

@@ -3,8 +3,8 @@
 	"$schema": "../../node_modules/nx/schemas/project-schema.json",
 	"sourceRoot": "libs/soba/src",
 	"prefix": "platform",
-	"tags": [],
 	"projectType": "library",
+	"tags": [],
 	"targets": {
 		"build": {
 			"executor": "@nx/angular:package",
@@ -35,11 +35,7 @@
 			}
 		},
 		"test": {
-			"executor": "@nx/jest:jest",
-			"outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
-			"options": {
-				"jestConfig": "libs/soba/jest.config.ts"
-			}
+			"executor": "@analogjs/vitest-angular:test"
 		},
 		"lint": {
 			"executor": "@nx/eslint:lint",

libs/soba/src/test-setup.ts

@@ -1,8 +1,6 @@
-// @ts-expect-error https://thymikee.github.io/jest-preset-angular/docs/getting-started/test-environment
-globalThis.ngJest = {
-	testEnvironmentOptions: {
-		errorOnUnknownElements: true,
-		errorOnUnknownProperties: true,
-	},
-};
-import 'jest-preset-angular/setup-jest';
+import '@analogjs/vitest-angular/setup-zone';
+
+import { getTestBed } from '@angular/core/testing';
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
+
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());

libs/soba/tsconfig.spec.json

@@ -2,10 +2,9 @@
 	"extends": "./tsconfig.json",
 	"compilerOptions": {
 		"outDir": "../../dist/out-tsc",
-		"module": "commonjs",
 		"target": "es2016",
-		"types": ["jest", "node"]
+		"types": ["node", "vitest/globals"]
 	},
 	"files": ["src/test-setup.ts"],
-	"include": ["jest.config.ts", "src/**/*.test.ts", "src/**/*.spec.ts", "src/**/*.d.ts"]
+	"include": ["jest.config.ts", "**/*.test.ts", "**/*.spec.ts", "**/*.d.ts"]
 }

libs/soba/vite.config.mts

@@ -0,0 +1,24 @@
+/// <reference types="vitest" />
+
+import angular from '@analogjs/vite-plugin-angular';
+
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+
+import { defineConfig } from 'vite';
+
+// https://vitejs.dev/config/
+export default defineConfig(({ mode }) => {
+	return {
+		plugins: [angular(), nxViteTsPaths()],
+		test: {
+			globals: true,
+			environment: 'jsdom',
+			setupFiles: ['src/test-setup.ts'],
+			include: ['**/*.spec.ts'],
+			reporters: ['default'],
+		},
+		define: {
+			'import.meta.vitest': mode !== 'production',
+		},
+	};
+});

package.json

@@ -18,6 +18,7 @@
 	"devDependencies": {
 		"@analogjs/platform": "^1.6.4-beta.1",
 		"@analogjs/vite-plugin-angular": "^1.6.4-beta.1",
+		"@analogjs/vitest-angular": "^1.5.0",
 		"@angular-devkit/build-angular": "18.1.2",
 		"@angular-devkit/core": "18.1.2",
 		"@angular-devkit/schematics": "18.1.2",