@analogjs/vitest-angular 3.0.0-alpha.9 → 3.0.0-alpha.90

package/README.md

@@ -0,0 +1,304 @@
+# @analogjs/vitest-angular
+
+A standalone builder for running tests with Vitest and Angular.
+
+## Supporting Analog
+
+- Star the [GitHub Repo](https://github.com/analogjs/analog)
+- Join the [Discord](https://chat.analogjs.org)
+- Follow us on [Twitter](https://twitter.com/analogjs)
+- Become a [Sponsor](https://analogjs.org/docs/sponsoring)
+
+## Installation
+
+Use your package manager of choice to install the necessary packages.
+
+With ng add:
+
+```sh
+ng add @analogjs/vitest-angular
+```
+
+With npm:
+
+```sh
+npm install @analogjs/vitest-angular vitest --save-dev
+```
+
+With pnpm:
+
+```sh
+pnpm install -w @analogjs/vitest-angular vitest --dev
+```
+
+With Yarn:
+
+```sh
+yarn install @analogjs/vitest-angular vitest --dev
+```
+
+## Automated Setup Using a Schematic
+
+A schematic can be used to setup Vitest in an existing Angular project:
+
+Run the schematic to set up the Vite config, test configuration files, and update the test configuration.
+
+```sh
+npx ng generate @analogjs/vitest-angular:setup --project [your-project-name]
+```
+
+### Schematic Options
+
+| Option        | Type    | Default | Description                                                 |
+| ------------- | ------- | ------- | ----------------------------------------------------------- |
+| `project`     | string  | -       | The name of the project to configure (required)             |
+| `browserMode` | boolean | `false` | Configure Vitest to run tests in a browser using Playwright |
+
+To enable browser mode during setup:
+
+```shell
+ng g @analogjs/vitest-angular:setup --project [your-project-name] --browserMode
+```
+
+This automatically installs Playwright dependencies and configures Vitest for browser testing. See [Setup for Running Tests in the Browser](#setup-for-running-tests-in-the-browser) for more details.
+
+If using browser mode, run `npx playwright install` after the schematic to ensure playwright is installed and configured.
+
+## Manual Setup
+
+Vitest can be setup manually also using the steps below.
+
+### Setup for Running Tests in Node
+
+To setup Vitest, create a `vite.config.mts` at the root of your project:
+
+```ts
+/// <reference types="vitest" />
+import { defineConfig } from 'vite';
+
+import angular from '@analogjs/vite-plugin-angular';
+
+export default defineConfig(({ mode }) => ({
+  plugins: [angular()],
+  test: {
+    globals: true,
+    setupFiles: ['src/test-setup.ts'],
+    environment: 'jsdom',
+    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+  },
+}));
+```
+
+Next, define a `src/test-setup.ts` file to setup the `TestBed`:
+
+### Zoneless setup
+
+As of Angular v21, `Zoneless` change detection is the default for new projects.
+
+Use the following setup:
+
+```ts
+// src/test-setup.ts
+import '@angular/compiler';
+import '@analogjs/vitest-angular/setup-snapshots';
+import '@analogjs/vitest-angular/setup-serializers';
+
+import { setupTestBed } from '@analogjs/vitest-angular/setup-testbed';
+
+setupTestBed();
+```
+
+### Zone.js setup
+
+If you are using `Zone.js` for change detection, import the `setup-zone` script before setting up the `TestBed`. This script patches the test environment for `Zone.js` helpers such as `fakeAsync`, and automatically includes support for setting up snapshot tests.
+
+```ts
+// src/test-setup.ts
+import '@angular/compiler';
+import '@analogjs/vitest-angular/setup-zone';
+
+import { setupTestBed } from '@analogjs/vitest-angular/setup-testbed';
+
+setupTestBed({
+  zoneless: false,
+});
+```
+
+The side effect imports must come first. If your formatter sorts side effect imports below named imports, keep them in a separate import group with a blank line, or exclude `src/test-setup.ts` from import sorting.
+
+> **Note:** With `Zone.js`, use Vitest's global test functions, with `globals: true` set in the `vite.config.mts`, and `vitest/globals` added to the `types` array in the `tsconfig.spec.json`. Importing `describe`, `it`, `beforeEach`, and other functions from `vitest` directly bypasses the `Zone.js` patching, and `fakeAsync` fails with the error `Expected to be running in 'ProxyZone', but it was not found`. Zoneless tests have no such restriction — when migrating to zoneless change detection, you can switch back to importing the functions from `vitest`.
+
+### Configuration Options
+
+The `setupTestBed()` function accepts an optional configuration object with the following properties:
+
+- `zoneless` (boolean): Whether to use zoneless change detection (default: `true`)
+- `providers` (`Type<any>[]`): Additional providers to include in the test environment (default: `[]`)
+- `teardown.destroyAfterEach` (boolean): Whether to destroy the test environment after each test. Set to `false` to keep the component rendered, allowing you to inspect its final state. (default: `true`)
+- `errorOnUnknownElements` (boolean): Whether to throw when unknown elements are present in a component's template. Set to `false` (default) to log the error instead of throwing.
+- `errorOnUnknownProperties` (boolean): Whether to throw when unknown properties are present in a component's template. Set to `false` (default) to log the error instead of throwing.
+
+**Example with options:**
+
+```ts
+setupTestBed({
+  zoneless: true,
+  providers: [],
+  teardown: { destroyAfterEach: false },
+  errorOnUnknownElements: true,
+  errorOnUnknownProperties: true,
+});
+```
+
+Next, update the `test` target in the `angular.json` to use the `@analogjs/vitest-angular:test` builder:
+
+```json
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "your-project": {
+      "projectType": "application",
+      "architect": {
+        "test": {
+          "builder": "@analogjs/vitest-angular:test"
+        }
+      }
+    }
+  }
+}
+```
+
+Lastly, add the `src/test-setup.ts` to `files` array in the `tsconfig.spec.json` in the root of your project, set the `target` to `es2022`, and update the `types`.
+
+```json
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/spec",
+    "target": "es2022",
+    "types": ["vitest/globals", "node"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
+}
+```
+
+## Running Tests
+
+To run unit tests, use the `test` command:
+
+```shell
+npm run test
+```
+
+```shell
+yarn test
+```
+
+```shell
+pnpm test
+```
+
+> The `npx vitest` command can also be used directly.
+
+## Snapshot Testing
+
+For snapshot testing you can use `toMatchSnapshot` from `expect` API.
+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.
+
+The import of `setup-snapshots` and `setup-serializers` are complementary:
+
+- Use `setup-snapshots` to serialize Angular fixtures and component refs so Vitest snapshots print component markup instead of Angular testing internals.
+- 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-->`).
+
+Below is a small example of how to write a snapshot test:
+
+```ts
+// card.component.spec.ts
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CardComponent } from './card.component';
+
+describe('CardComponent', () => {
+  let fixture: ComponentFixture<CardComponent>;
+  let component: CardComponent;
+
+  beforeEach(() =>
+    TestBed.configureTestingModule({
+      imports: [CardComponent],
+    }),
+  );
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CardComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create the app', () => {
+    expect(fixture).toMatchSnapshot();
+  });
+});
+```
+
+After you run the test, a `card.component.spec.ts.snap` file is created in the`__snapshots__` folder with the below content:
+
+```ts
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`CardComponent > should create the app 1`] = `
+  <component-code>
+`;
+```
+
+The snapshots generated should be reviewed and added to version control.
+
+## Using TypeScript Config Path Aliases
+
+If you are using `paths` in your `tsconfig.json`, support for those aliases can be added to the `vite.config.ts`.
+
+First, install the `vite-tsconfig-paths` package.
+
+With npm:
+
+```shell
+npm install vite-tsconfig-paths --save-dev
+```
+
+With pnpm:
+
+```shell
+pnpm install -w vite-tsconfig-paths --dev
+```
+
+With Yarn:
+
+```shell
+yarn add vite-tsconfig-paths --dev
+```
+
+Next, add the plugin to the `plugins` array in the `vite.config.ts`.
+
+```ts
+/// <reference types="vitest" />
+import { defineConfig } from 'vite';
+
+import angular from '@analogjs/vite-plugin-angular';
+import viteTsConfigPaths from 'vite-tsconfig-paths';
+
+export default defineConfig(({ mode }) => ({
+  // ...other config
+  plugins: [angular(), viteTsConfigPaths()],
+}));
+```
+
+### With Nx
+
+Nx workspaces use the same `vite-tsconfig-paths` plugin. The `nxViteTsPaths` plugin from `@nx/vite` is deprecated and is removed in Nx 24, so replace it with `viteTsConfigPaths()`.
+
+## IDE Support
+
+Tests can also be run directly from your IDE using the Vitest [IDE integrations](https://vitest.dev/guide/ide) for VS Code or JetBrains IDEs.

package/_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js

@@ -0,0 +1,9 @@
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+//#endregion
+export { __decorate };

package/package.json

@@ -1,14 +1,30 @@
 {
   "name": "@analogjs/vitest-angular",
-  "version": "3.0.0-alpha.9",
+  "version": "3.0.0-alpha.90",
   "description": "Vitest Builder for Angular",
   "type": "module",
   "author": "Brandon Roberts <robertsbt@gmail.com>",
   "exports": {
-    ".": "./src/index.js",
-    "./setup-zone": "./setup-zone.js",
-    "./setup-snapshots": "./setup-snapshots.js",
-    "./setup-testbed": "./setup-testbed.js",
+    ".": {
+      "types": "./src/index.d.ts",
+      "default": "./src/index.js"
+    },
+    "./setup-zone": {
+      "types": "./setup-zone.d.ts",
+      "default": "./setup-zone.js"
+    },
+    "./setup-snapshots": {
+      "types": "./setup-snapshots.d.ts",
+      "default": "./setup-snapshots.js"
+    },
+    "./setup-serializers": {
+      "types": "./setup-serializers.d.ts",
+      "default": "./setup-serializers.js"
+    },
+    "./setup-testbed": {
+      "types": "./setup-testbed.d.ts",
+      "default": "./setup-testbed.js"
+    },
     "./package.json": "./package.json"
   },
   "keywords": [
@@ -36,13 +52,13 @@
     "save": "devDependencies"
   },
   "dependencies": {
-    "oxc-transform": "^0.119.0"
+    "oxc-transform": "^0.124.0"
   },
   "peerDependencies": {
     "@analogjs/vite-plugin-angular": "*",
-    "@angular-devkit/architect": ">=0.1500.0 < 0.2200.0",
+    "@angular-devkit/architect": ">=0.1500.0 < 0.2300.0",
     "@angular-devkit/schematics": ">=17.0.0",
-    "vitest": "^1.3.1 || ^2.0.0 || ^3.0.0 || ^4.0.0",
+    "vitest": "^1.3.1 || ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0",
     "zone.js": ">=0.14.0"
   },
   "peerDependenciesMeta": {

package/setup-serializers.d.ts

@@ -0,0 +1 @@
+export {};

package/setup-serializers.js

@@ -0,0 +1,13 @@
+import { createHtmlCommentSnapshotSerializer } from "./src/lib/snapshot-serializers/html-comment.js";
+import { createNoNgAttributesSnapshotSerializer } from "./src/lib/snapshot-serializers/no-ng-attributes.js";
+//#region packages/vitest-angular/setup-serializers.ts
+var env = globalThis;
+["expect"].forEach((methodName) => {
+	const originalVitestFn = env[methodName];
+	if (!originalVitestFn) return;
+	originalVitestFn.addSnapshotSerializer(createHtmlCommentSnapshotSerializer());
+	originalVitestFn.addSnapshotSerializer(createNoNgAttributesSnapshotSerializer());
+});
+//#endregion
+
+//# sourceMappingURL=setup-serializers.js.map

package/setup-serializers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-serializers.js","names":[],"sources":["../setup-serializers.ts"],"sourcesContent":["import {\n  createHtmlCommentSnapshotSerializer,\n  createNoNgAttributesSnapshotSerializer,\n} from './snapshot-serializers.js';\n\nconst env = globalThis as any;\n\n['expect'].forEach((methodName) => {\n  const originalVitestFn = env[methodName];\n  if (!originalVitestFn) {\n    return;\n  }\n  originalVitestFn.addSnapshotSerializer(createHtmlCommentSnapshotSerializer());\n  originalVitestFn.addSnapshotSerializer(\n    createNoNgAttributesSnapshotSerializer(),\n  );\n});\n"],"mappings":";;;AAKA,IAAM,MAAM;AAEZ,CAAC,SAAS,CAAC,SAAS,eAAe;CACjC,MAAM,mBAAmB,IAAI;AAC7B,KAAI,CAAC,iBACH;AAEF,kBAAiB,sBAAsB,qCAAqC,CAAC;AAC7E,kBAAiB,sBACf,wCAAwC,CACzC;EACD"}

package/setup-snapshots.d.ts

@@ -1,26 +1 @@
-declare const env: any;
-/**
- * Allows Vitest to handle Angular test fixtures
- *
- * Vitest Snapshot guide ==> https://vitest.dev/guide/snapshot.html
- *
- * @returns customSnapshotSerializer for Angular Fixture Component
- */
-declare const customSnapshotSerializer: () => {
-    serialize: (...args: any[]) => string;
-    test: (val: any) => boolean;
-};
-/**
- * Check if is an Angular fixture
- *
- * @param val Angular fixture
- * @returns boolean who check if is an angular fixture
- */
-declare function isAngularFixture(val: any): boolean;
-/**
- * Serialize Angular fixture for Vitest
- *
- * @param fixture Angular Fixture Component
- * @returns HTML Child Node
- */
-declare function fixtureVitestSerializer(fixture: any): ChildNode;
+export {};

package/setup-snapshots.js

@@ -1,79 +1,10 @@
+import { createAngularFixtureSnapshotSerializer } from "./src/lib/snapshot-serializers/angular-fixture.js";
 //#region packages/vitest-angular/setup-snapshots.ts
 var env = globalThis;
-/**
-* Allows Vitest to handle Angular test fixtures
-*
-* Vitest Snapshot guide ==> https://vitest.dev/guide/snapshot.html
-*
-* @returns customSnapshotSerializer for Angular Fixture Component
-*/
-var customSnapshotSerializer = () => {
-	function serialize(val, config, indentation, depth, refs, printer) {
-		return `${printer(fixtureVitestSerializer(val), config, indentation, depth, refs)}`;
-	}
-	function test(val) {
-		return val && isAngularFixture(val);
-	}
-	return {
-		serialize,
-		test
-	};
-};
-/**
-* Check if is an Angular fixture
-*
-* @param val Angular fixture
-* @returns boolean who check if is an angular fixture
-*/
-function isAngularFixture(val) {
-	if (typeof val !== "object") return false;
-	if (val["componentRef"] || val["componentInstance"]) return true;
-	if (val["componentType"]) return true;
-	return JSON.stringify(Object.keys(val)) === JSON.stringify([
-		"componentRef",
-		"ngZone",
-		"effectRunner",
-		"_autoDetect",
-		"_isStable",
-		"_isDestroyed",
-		"_resolve",
-		"_promise",
-		"_onUnstableSubscription",
-		"_onStableSubscription",
-		"_onMicrotaskEmptySubscription",
-		"_onErrorSubscription",
-		"changeDetectorRef",
-		"elementRef",
-		"debugElement",
-		"componentInstance",
-		"nativeElement"
-	]) || JSON.stringify(Object.keys(val)) === JSON.stringify([
-		"location",
-		"_rootLView",
-		"_tNode",
-		"previousInputValues",
-		"instance",
-		"changeDetectorRef",
-		"hostView",
-		"componentType"
-	]);
-}
-/**
-* Serialize Angular fixture for Vitest
-*
-* @param fixture Angular Fixture Component
-* @returns HTML Child Node
-*/
-function fixtureVitestSerializer(fixture) {
-	const componentType = fixture && fixture.componentType ? fixture.componentType : fixture.componentRef.componentType;
-	let inputsData = "";
-	const selector = Reflect.getOwnPropertyDescriptor(componentType, "__annotations__")?.value[0].selector;
-	if (componentType && componentType.propDecorators) inputsData = Object.entries(componentType.propDecorators).map(([key, value]) => `${key}="${value}"`).join("");
-	const divElement = fixture && fixture.nativeElement ? fixture.nativeElement : fixture.location.nativeElement;
-	return new DOMParser().parseFromString(`<${selector} ${inputsData}>${divElement.innerHTML}</${selector}>`, "text/html").body.childNodes[0];
-}
 ["expect"].forEach((methodName) => {
-	return env[methodName].addSnapshotSerializer(customSnapshotSerializer());
+	const originalVitestFn = env[methodName];
+	if (!originalVitestFn) return;
+	originalVitestFn.addSnapshotSerializer(createAngularFixtureSnapshotSerializer());
 });
 //#endregion
 

package/setup-snapshots.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-snapshots.js","names":[],"sources":["../../../packages/vitest-angular/setup-snapshots.ts"],"sourcesContent":["const env = globalThis as any;\n\n/**\n * Allows Vitest to handle Angular test fixtures\n *\n * Vitest Snapshot guide ==> https://vitest.dev/guide/snapshot.html\n *\n * @returns customSnapshotSerializer for Angular Fixture Component\n */\nconst customSnapshotSerializer = (): {\n  serialize: (...args: any[]) => string;\n  test: (val: any) => boolean;\n} => {\n  function serialize(\n    val: any,\n    config: any,\n    indentation: any,\n    depth: any,\n    refs: any,\n    printer: any,\n  ): string {\n    // `printer` is a function that serializes a value using existing plugins.\n    return `${printer(\n      fixtureVitestSerializer(val),\n      config,\n      indentation,\n      depth,\n      refs,\n    )}`;\n  }\n  function test(val: any): boolean {\n    // * If it's a ComponentFixture we apply the transformation rules\n    return val && isAngularFixture(val);\n  }\n  return {\n    serialize: serialize,\n    test: test,\n  };\n};\n\n/**\n * Check if is an Angular fixture\n *\n * @param val Angular fixture\n * @returns boolean who check if is an angular fixture\n */\nfunction isAngularFixture(val: any): boolean {\n  if (typeof val !== 'object') {\n    return false;\n  }\n\n  if (val['componentRef'] || val['componentInstance']) {\n    return true;\n  }\n\n  if (val['componentType']) {\n    return true;\n  }\n\n  // * Angular fixture keys in Fixture component Object\n  const fixtureKeys = [\n    'componentRef',\n    'ngZone',\n    'effectRunner',\n    '_autoDetect',\n    '_isStable',\n    '_isDestroyed',\n    '_resolve',\n    '_promise',\n    '_onUnstableSubscription',\n    '_onStableSubscription',\n    '_onMicrotaskEmptySubscription',\n    '_onErrorSubscription',\n    'changeDetectorRef',\n    'elementRef',\n    'debugElement',\n    'componentInstance',\n    'nativeElement',\n  ];\n\n  // * Angular fixture keys in Fixture componentRef Object\n  const fixtureComponentRefKeys = [\n    'location',\n    '_rootLView',\n    '_tNode',\n    'previousInputValues',\n    'instance',\n    'changeDetectorRef',\n    'hostView',\n    'componentType',\n  ];\n\n  return (\n    JSON.stringify(Object.keys(val)) === JSON.stringify(fixtureKeys) ||\n    JSON.stringify(Object.keys(val)) === JSON.stringify(fixtureComponentRefKeys)\n  );\n}\n\n/**\n * Serialize Angular fixture for Vitest\n *\n * @param fixture Angular Fixture Component\n * @returns HTML Child Node\n */\nfunction fixtureVitestSerializer(fixture: any): ChildNode {\n  // * Get Component meta data\n  const componentType = (\n    fixture && fixture.componentType\n      ? fixture.componentType\n      : fixture.componentRef.componentType\n  ) as any;\n\n  let inputsData = '';\n\n  const selector = Reflect.getOwnPropertyDescriptor(\n    componentType,\n    '__annotations__',\n  )?.value[0].selector;\n\n  if (componentType && componentType.propDecorators) {\n    inputsData = Object.entries(componentType.propDecorators)\n      .map(([key, value]) => `${key}=\"${value}\"`)\n      .join('');\n  }\n\n  // * Get DOM Elements\n  const divElement =\n    fixture && fixture.nativeElement\n      ? fixture.nativeElement\n      : fixture.location.nativeElement;\n\n  // * Convert string data to HTML data\n  const doc = new DOMParser().parseFromString(\n    `<${selector} ${inputsData}>${divElement.innerHTML}</${selector}>`,\n    'text/html',\n  );\n\n  return doc.body.childNodes[0];\n}\n\n['expect'].forEach((methodName) => {\n  const originalvitestFn = env[methodName];\n  return originalvitestFn.addSnapshotSerializer(customSnapshotSerializer());\n});\n"],"mappings":";AAAA,IAAM,MAAM;;;;;;;;AASZ,IAAM,iCAGD;CACH,SAAS,UACP,KACA,QACA,aACA,OACA,MACA,SACQ;AAER,SAAO,GAAG,QACR,wBAAwB,IAAI,EAC5B,QACA,aACA,OACA,KACD;;CAEH,SAAS,KAAK,KAAmB;AAE/B,SAAO,OAAO,iBAAiB,IAAI;;AAErC,QAAO;EACM;EACL;EACP;;;;;;;;AASH,SAAS,iBAAiB,KAAmB;AAC3C,KAAI,OAAO,QAAQ,SACjB,QAAO;AAGT,KAAI,IAAI,mBAAmB,IAAI,qBAC7B,QAAO;AAGT,KAAI,IAAI,iBACN,QAAO;AAoCT,QACE,KAAK,UAAU,OAAO,KAAK,IAAI,CAAC,KAAK,KAAK,UAjCxB;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAeiE,IAChE,KAAK,UAAU,OAAO,KAAK,IAAI,CAAC,KAAK,KAAK,UAbZ;EAC9B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAI6E;;;;;;;;AAUhF,SAAS,wBAAwB,SAAyB;CAExD,MAAM,gBACJ,WAAW,QAAQ,gBACf,QAAQ,gBACR,QAAQ,aAAa;CAG3B,IAAI,aAAa;CAEjB,MAAM,WAAW,QAAQ,yBACvB,eACA,kBACD,EAAE,MAAM,GAAG;AAEZ,KAAI,iBAAiB,cAAc,eACjC,cAAa,OAAO,QAAQ,cAAc,eAAe,CACtD,KAAK,CAAC,KAAK,WAAW,GAAG,IAAI,IAAI,MAAM,GAAG,CAC1C,KAAK,GAAG;CAIb,MAAM,aACJ,WAAW,QAAQ,gBACf,QAAQ,gBACR,QAAQ,SAAS;AAQvB,QALY,IAAI,WAAW,CAAC,gBAC1B,IAAI,SAAS,GAAG,WAAW,GAAG,WAAW,UAAU,IAAI,SAAS,IAChE,YACD,CAEU,KAAK,WAAW;;AAG7B,CAAC,SAAS,CAAC,SAAS,eAAe;AAEjC,QADyB,IAAI,YACL,sBAAsB,0BAA0B,CAAC;EACzE"}
+{"version":3,"file":"setup-snapshots.js","names":[],"sources":["../setup-snapshots.ts"],"sourcesContent":["import { createAngularFixtureSnapshotSerializer } from './snapshot-serializers.js';\n\nconst env = globalThis as any;\n\n['expect'].forEach((methodName) => {\n  const originalVitestFn = env[methodName];\n  if (!originalVitestFn) {\n    return;\n  }\n  originalVitestFn.addSnapshotSerializer(\n    createAngularFixtureSnapshotSerializer(),\n  );\n});\n"],"mappings":";;AAEA,IAAM,MAAM;AAEZ,CAAC,SAAS,CAAC,SAAS,eAAe;CACjC,MAAM,mBAAmB,IAAI;AAC7B,KAAI,CAAC,iBACH;AAEF,kBAAiB,sBACf,wCAAwC,CACzC;EACD"}

package/setup-testbed.d.ts

@@ -1,15 +1,17 @@
-import { EnvironmentProviders, Provider } from '@angular/core';
+import { EnvironmentProviders, Provider } from "@angular/core";
 type TestBedSetupOptions = {
-    zoneless?: boolean;
-    providers?: (Provider | EnvironmentProviders)[];
-    /**
-     * @deprecated Use `teardown.destroyAfterEach` instead.
-     * @sunset 3.0.0
-     */
-    browserMode?: boolean;
-    teardown?: {
-        destroyAfterEach: boolean;
-    };
+	zoneless?: boolean;
+	providers?: (Provider | EnvironmentProviders)[];
+	/**
+	* @deprecated Use `teardown.destroyAfterEach` instead.
+	* @sunset 3.0.0
+	*/
+	browserMode?: boolean;
+	teardown?: {
+		destroyAfterEach: boolean;
+	};
+	errorOnUnknownElements?: boolean;
+	errorOnUnknownProperties?: boolean;
 };
-export declare function setupTestBed({ zoneless, providers, browserMode, teardown, }?: TestBedSetupOptions): void;
+export declare function setupTestBed({ zoneless, providers, browserMode, teardown, errorOnUnknownElements, errorOnUnknownProperties }?: TestBedSetupOptions): void;
 export {};

package/setup-testbed.js

@@ -1,21 +1,25 @@
+import { __decorate } from "./_virtual/_@oxc-project_runtime@0.124.0/helpers/decorate.js";
 import { NgModule, provideZonelessChangeDetection } from "@angular/core";
 import { getTestBed, ɵgetCleanupHook } from "@angular/core/testing";
 import { BrowserTestingModule, platformBrowserTesting } from "@angular/platform-browser/testing";
 import { afterEach, beforeEach } from "vitest";
-import _decorate from "@oxc-project/runtime/helpers/decorate";
 //#region packages/vitest-angular/setup-testbed.ts
 var ANGULAR_TESTBED_SETUP = Symbol.for("testbed-setup");
-function setupTestBed({ zoneless = true, providers = [], browserMode = false, teardown } = {}) {
+function setupTestBed({ zoneless = true, providers = [], browserMode = false, teardown, errorOnUnknownElements, errorOnUnknownProperties } = {}) {
 	beforeEach(ɵgetCleanupHook(false));
 	afterEach(ɵgetCleanupHook(true));
 	if (!globalThis[ANGULAR_TESTBED_SETUP]) {
 		globalThis[ANGULAR_TESTBED_SETUP] = true;
 		let TestModule = class TestModule {};
-		TestModule = _decorate([NgModule({ providers: [...zoneless ? [provideZonelessChangeDetection()] : [], ...providers] })], TestModule);
-		getTestBed().initTestEnvironment([BrowserTestingModule, TestModule], platformBrowserTesting(), { teardown: {
-			destroyAfterEach: !browserMode,
-			...teardown
-		} });
+		TestModule = __decorate([NgModule({ providers: [...zoneless ? [provideZonelessChangeDetection()] : [], ...providers] })], TestModule);
+		getTestBed().initTestEnvironment([BrowserTestingModule, TestModule], platformBrowserTesting(), {
+			teardown: {
+				destroyAfterEach: !browserMode,
+				...teardown
+			},
+			errorOnUnknownElements,
+			errorOnUnknownProperties
+		});
 	}
 }
 //#endregion

package/setup-testbed.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-testbed.js","names":[],"sources":["../../../packages/vitest-angular/setup-testbed.ts"],"sourcesContent":["import {\n  EnvironmentProviders,\n  NgModule,\n  Provider,\n  provideZonelessChangeDetection,\n} from '@angular/core';\nimport {\n  ɵgetCleanupHook as getCleanupHook,\n  getTestBed,\n} from '@angular/core/testing';\nimport {\n  BrowserTestingModule,\n  platformBrowserTesting,\n} from '@angular/platform-browser/testing';\nimport { afterEach, beforeEach } from 'vitest';\n\nconst ANGULAR_TESTBED_SETUP = Symbol.for('testbed-setup');\n\ntype TestBedSetupOptions = {\n  zoneless?: boolean;\n  providers?: (Provider | EnvironmentProviders)[];\n  /**\n   * @deprecated Use `teardown.destroyAfterEach` instead.\n   * @sunset 3.0.0\n   */\n  browserMode?: boolean;\n  teardown?: {\n    destroyAfterEach: boolean;\n  };\n};\n\nexport function setupTestBed({\n  zoneless = true,\n  providers = [],\n  browserMode = false,\n  teardown,\n}: TestBedSetupOptions = {}): void {\n  beforeEach(getCleanupHook(false));\n  afterEach(getCleanupHook(true));\n\n  if (!(globalThis as any)[ANGULAR_TESTBED_SETUP]) {\n    (globalThis as any)[ANGULAR_TESTBED_SETUP] = true;\n\n    @NgModule({\n      providers: [\n        ...(zoneless ? [provideZonelessChangeDetection()] : []),\n        ...providers,\n      ],\n    })\n    class TestModule {}\n\n    getTestBed().initTestEnvironment(\n      [BrowserTestingModule, TestModule],\n      platformBrowserTesting(),\n      {\n        teardown: {\n          ...{ destroyAfterEach: !browserMode },\n          ...teardown,\n        },\n      },\n    );\n  }\n}\n"],"mappings":";;;;;;AAgBA,IAAM,wBAAwB,OAAO,IAAI,gBAAgB;AAezD,SAAgB,aAAa,EAC3B,WAAW,MACX,YAAY,EAAE,EACd,cAAc,OACd,aACuB,EAAE,EAAQ;AACjC,YAAW,gBAAe,MAAM,CAAC;AACjC,WAAU,gBAAe,KAAK,CAAC;AAE/B,KAAI,CAAE,WAAmB,wBAAwB;AAC9C,aAAmB,yBAAyB;EAE7C,IAAA,aAAA,MAMM,WAAW;0BANhB,SAAS,EACR,WAAW,CACT,GAAI,WAAW,CAAC,gCAAgC,CAAC,GAAG,EAAE,EACtD,GAAG,UACJ,EACF,CAAC,CAAA,EAAA,WAAA;AAGF,cAAY,CAAC,oBACX,CAAC,sBAAsB,WAAW,EAClC,wBAAwB,EACxB,EACE,UAAU;GACH,kBAAkB,CAAC;GACxB,GAAG;GACJ,EACF,CACF"}
+{"version":3,"file":"setup-testbed.js","names":[],"sources":["../setup-testbed.ts"],"sourcesContent":["import {\n  EnvironmentProviders,\n  NgModule,\n  Provider,\n  provideZonelessChangeDetection,\n} from '@angular/core';\nimport {\n  ɵgetCleanupHook as getCleanupHook,\n  getTestBed,\n} from '@angular/core/testing';\nimport {\n  BrowserTestingModule,\n  platformBrowserTesting,\n} from '@angular/platform-browser/testing';\nimport { afterEach, beforeEach } from 'vitest';\n\nconst ANGULAR_TESTBED_SETUP = Symbol.for('testbed-setup');\n\ntype TestBedSetupOptions = {\n  zoneless?: boolean;\n  providers?: (Provider | EnvironmentProviders)[];\n  /**\n   * @deprecated Use `teardown.destroyAfterEach` instead.\n   * @sunset 3.0.0\n   */\n  browserMode?: boolean;\n  teardown?: {\n    destroyAfterEach: boolean;\n  };\n  errorOnUnknownElements?: boolean;\n  errorOnUnknownProperties?: boolean;\n};\n\nexport function setupTestBed({\n  zoneless = true,\n  providers = [],\n  browserMode = false,\n  teardown,\n  errorOnUnknownElements,\n  errorOnUnknownProperties,\n}: TestBedSetupOptions = {}): void {\n  beforeEach(getCleanupHook(false));\n  afterEach(getCleanupHook(true));\n\n  if (!(globalThis as any)[ANGULAR_TESTBED_SETUP]) {\n    (globalThis as any)[ANGULAR_TESTBED_SETUP] = true;\n\n    @NgModule({\n      providers: [\n        ...(zoneless ? [provideZonelessChangeDetection()] : []),\n        ...providers,\n      ],\n    })\n    class TestModule {}\n\n    getTestBed().initTestEnvironment(\n      [BrowserTestingModule, TestModule],\n      platformBrowserTesting(),\n      {\n        teardown: {\n          ...{ destroyAfterEach: !browserMode },\n          ...teardown,\n        },\n        errorOnUnknownElements,\n        errorOnUnknownProperties,\n      },\n    );\n  }\n}\n"],"mappings":";;;;;;AAgBA,IAAM,wBAAwB,OAAO,IAAI,gBAAgB;AAiBzD,SAAgB,aAAa,EAC3B,WAAW,MACX,YAAY,EAAE,EACd,cAAc,OACd,UACA,wBACA,6BACuB,EAAE,EAAQ;AACjC,YAAW,gBAAe,MAAM,CAAC;AACjC,WAAU,gBAAe,KAAK,CAAC;AAE/B,KAAI,CAAE,WAAmB,wBAAwB;AAC9C,aAAmB,yBAAyB;EAE7C,IAAA,aAAA,MAMM,WAAW;2BANhB,SAAS,EACR,WAAW,CACT,GAAI,WAAW,CAAC,gCAAgC,CAAC,GAAG,EAAE,EACtD,GAAG,UACJ,EACF,CAAC,CAAA,EAAA,WAAA;AAGF,cAAY,CAAC,oBACX,CAAC,sBAAsB,WAAW,EAClC,wBAAwB,EACxB;GACE,UAAU;IACH,kBAAkB,CAAC;IACxB,GAAG;IACJ;GACD;GACA;GACD,CACF"}

package/setup-zone.d.ts

@@ -1,5 +1,6 @@
-import 'zone.js';
-import 'zone.js/plugins/sync-test';
-import 'zone.js/plugins/proxy';
-import 'zone.js/testing';
-import './setup-snapshots.js';
+import "zone.js";
+import "zone.js/plugins/sync-test";
+import "zone.js/plugins/proxy";
+import "zone.js/testing";
+import "./setup-snapshots.js";
+export {};