Mise à jour doc

Author: EmmanuelLefevre

docs/SETUP.md

@@ -200,3 +200,13 @@ save-exact=true
 ```
 
 Désormais, si on lance `pnpm add rxjs`, il installera **`"rxjs"`: `"7.8.0"`** au lieu de **`"^7.8.0"`**.  
+
+3. **Restreindre les versions de l'environnement** (`engine-strict`)
+
+Pour s'assurer que tous les développeurs utilisent les mêmes versions des outils de base (comme **Node.js** et **PNPM**) nous pouvons utiliser la propriété "engines" du `package.json`.  
+
+Cependant, par défaut, si un développeur utilise une version non prise en charge, cela n'affiche qu'un simple avertissement. Cette option force **PNPM** à faire échouer l'installation de manière stricte si la version de **Node.js** ou de **PNPM** ne correspond pas à celle déclarée.  
+
+```shell
+engine-strict=true
+```

docs/TESTS.md

@@ -21,11 +21,12 @@ Activer le nouveau système de tests unitaires natif d'**Angular**. Ce builder m
 pnpm add -D vitest jsdom
 pnpm add -D @angular/platform-browser-dynamic
 pnpm add -D @analogjs/vite-plugin-angular
+pnpm add -D @analogjs/vitest-angular
 pnpm add -D @types/node
 pnpm add -D vite-tsconfig-paths
 ```
 
-**Etape 2 :** Dans `tsconfig.spec.json` remplacer par ces propriétés dans `@compilerOptions`.  
+**Etape 2 :** Dans `tsconfig.spec.json` remplacer la configuration présente par celle-ci dans la propriété `@compilerOptions`.  
 
 ```JSON
 "compilerOptions": {
@@ -34,6 +35,7 @@ pnpm add -D vite-tsconfig-paths
   "module": "ESNext",
   "moduleResolution": "Bundler",
   "types": [
+    "vitest",
     "vitest/globals",
     "vitest/importMeta",
     "vite/client",
@@ -46,10 +48,9 @@ pnpm add -D vite-tsconfig-paths
 
 ```JSON
 "test": {
-  "builder": "@angular/build:unit-test",
+  "builder": "@analogjs/vitest-angular:test",
   "options": {
-    "runnerConfig": "vitest.config.ts",
-    "tsConfig": "tsconfig.spec.json"
+    "configFile": "vitest.config.ts"
   }
 },
 ```
@@ -73,11 +74,23 @@ pnpm add -D @vitest/coverage-v8
 **Etape 6 :** Créer le fichier `test-setup.ts` dans `src`
 
 ```typescript
-import '@angular/compiler';
-import { getTestBed } from '@angular/core/testing';
+import { getTestBed, TestBed } from '@angular/core/testing';
 import { BrowserTestingModule, platformBrowserTesting } from '@angular/platform-browser/testing';
+import { provideZonelessChangeDetection } from '@angular/core';
+import { beforeEach } from 'vitest';
+
+getTestBed().resetTestEnvironment();
 
-getTestBed().initTestEnvironment(BrowserTestingModule, platformBrowserTesting());
+getTestBed().initTestEnvironment(
+  BrowserTestingModule,
+  platformBrowserTesting()
+);
+
+beforeEach(() => {
+  TestBed.configureTestingModule({
+    providers: [provideZonelessChangeDetection()]
+  });
+});
 ```
 
 > 📄 Consulter le barrel file des tests : `./src/test-setup.ts`  
@@ -101,8 +114,9 @@ Dans `angular.json` ajouter la propriété `coverage` à l'objet `test`.
 {
   "scripts": {
     "test": "ng test",
-    "test:ui": "ng test --ui",
     "test:coverage": "ng test --coverage --watch=false",
+    "test:ui": "vitest --ui",
+    "test:watch": "vitest",
   }
 }
 ```
@@ -126,3 +140,9 @@ pnpm test:coverage
 ```shell
 pnpm test:ui
 ```
+
+- **Mode Watch**  
+
+```shell
+pnpm test:watch
+```

src/test-setup.ts

@@ -14,4 +14,4 @@ beforeEach(() => {
   TestBed.configureTestingModule({
     providers: [provideZonelessChangeDetection()]
   });
-});
+});