@analogjs/vitest-angular 2.4.0-beta.22 → 2.4.0-beta.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +6 -0
  2. package/package.json +1 -1
  3. package/src/lib/tools/src/schematics/setup/files/src/test-setup.ts.template +1 -0
  4. package/src/lib/tools/src/schematics/utils/versions.d.ts +1 -1
  5. package/src/lib/tools/src/schematics/utils/versions.js +1 -1
package/README.md CHANGED
@@ -101,6 +101,7 @@ Use the following setup:
101
101
  ```ts
102
102
  import '@angular/compiler';
103
103
  import '@analogjs/vitest-angular/setup-snapshots';
104
+ import '@analogjs/vitest-angular/setup-serializers';
104
105
  import { setupTestBed } from '@analogjs/vitest-angular/setup-testbed';
105
106
 
106
107
  setupTestBed();
@@ -196,6 +197,11 @@ pnpm test
196
197
  For snapshot testing you can use `toMatchSnapshot` from `expect` API.
197
198
  The provided snapshot setup also removes Angular-specific `_ng*` attributes and `<!--container-->` comments from DOM snapshots, which keeps diffs focused on the actual template output.
198
199
 
200
+ The import of `setup-snapshots` and `setup-serializers` are complementary:
201
+
202
+ - Use `setup-snapshots` to serialize Angular fixtures and component refs so Vitest snapshots print component markup instead of Angular testing internals.
203
+ - Use `setup-serializers` to clean DOM snapshots by removing Angular runtime noise such as `_ngcontent-*`, `_nghost-*`, `ng-reflect-*`, generated ids and classes, and removes comments from DOM snapshots (e.g. `<!--container-->`).
204
+
199
205
  Below is a small example of how to write a snapshot test:
200
206
 
201
207
  ```ts
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@analogjs/vitest-angular",
3
- "version": "2.4.0-beta.22",
3
+ "version": "2.4.0-beta.24",
4
4
  "description": "Vitest Builder for Angular",
5
5
  "type": "module",
6
6
  "author": "Brandon Roberts <robertsbt@gmail.com>",
package/src/lib/tools/src/schematics/setup/files/src/test-setup.ts.template CHANGED
@@ -1,6 +1,7 @@
1
1
  <% if (majorAngularVersion > 20) { %>
2
2
  import '@angular/compiler';
3
3
  import '@analogjs/vitest-angular/setup-snapshots';
4
+ import '@analogjs/vitest-angular/setup-serializers';
4
5
  import { setupTestBed } from '@analogjs/vitest-angular/setup-testbed';
5
6
 
6
7
  <% if (browserMode) { %>
package/src/lib/tools/src/schematics/utils/versions.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const ANALOG_JS_VITE_PLUGIN_ANGULAR = "^2.4.0-beta.22";
1
+ export declare const ANALOG_JS_VITE_PLUGIN_ANGULAR = "^2.4.0-beta.24";
2
2
  export declare const JSDOM = "^22.0.0";
3
3
  export declare const VITE_TSCONFIG_PATHS = "^4.2.0";
4
4
  export declare const VITE = "^7.0.0";
package/src/lib/tools/src/schematics/utils/versions.js CHANGED
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.PLAYWRIGHT = exports.VITEST_BROWSER_PLAYWRIGHT = exports.VITEST_V4 = exports.VITE = exports.VITE_TSCONFIG_PATHS = exports.JSDOM = exports.ANALOG_JS_VITE_PLUGIN_ANGULAR = void 0;
4
4
  // Version constants (Angular 20+)
5
- exports.ANALOG_JS_VITE_PLUGIN_ANGULAR = '^2.4.0-beta.22';
5
+ exports.ANALOG_JS_VITE_PLUGIN_ANGULAR = '^2.4.0-beta.24';
6
6
  exports.JSDOM = '^22.0.0';
7
7
  exports.VITE_TSCONFIG_PATHS = '^4.2.0';
8
8
  exports.VITE = '^7.0.0';