vitest-browser-angular 0.0.0

package/README.md

@@ -0,0 +1,4 @@
+# vitest-browser-angular
+
+Mount Angular components in VItest Browser Mode. 
+

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+import { ComponentFixture } from "@angular/core/testing";
+import { Router, Routes } from "@angular/router";
+import { RouterTestingHarness } from "@angular/router/testing";
+import { BrowserPage, Locator } from "@vitest/browser/context";
+import * as vitest0 from "vitest";
+import { Type } from "@angular/core";
+export * from "vitest";
+
+//#region src/index.d.ts
+interface RoutingConfig {
+  routes: Routes;
+  initialRoute?: string;
+}
+interface MountConfig {
+  withRouting?: RoutingConfig;
+  providers?: any[];
+  imports?: any[];
+}
+interface MountResult<T> {
+  fixture: ComponentFixture<T>;
+  component: Locator;
+  componentClassInstance: T;
+  routerHarness?: RouterTestingHarness;
+  router?: Router;
+}
+type MountFn = <T>(component: Type<T>, config?: MountConfig) => Promise<MountResult<T>>;
+declare const test: vitest0.TestAPI<{
+  page: BrowserPage;
+  mount: MountFn;
+}>;
+//#endregion
+export { MountFn, MountResult, test };

package/dist/index.js

@@ -0,0 +1,45 @@
+import { TestBed, ɵgetCleanupHook } from "@angular/core/testing";
+import { Router, provideRouter } from "@angular/router";
+import { RouterTestingHarness } from "@angular/router/testing";
+import { page } from "@vitest/browser/context";
+import { test as test$1 } from "vitest";
+
+export * from "vitest"
+
+//#region src/index.ts
+page.extend({ [Symbol.for("vitest:component-cleanup")]: ɵgetCleanupHook(false) });
+const test = test$1.extend({
+	page: async ({}, use) => {
+		await use(page);
+	},
+	mount: async ({ page: page$1 }, use) => {
+		await use(async (componentClass, config) => {
+			const imports = [componentClass, ...config?.imports || []];
+			const providers = [...config?.providers || []];
+			const mountResult = {};
+			if (config?.withRouting) providers.push(provideRouter(config.withRouting.routes));
+			TestBed.configureTestingModule({
+				imports,
+				providers
+			});
+			if (config?.withRouting) {
+				const routerHarness = await RouterTestingHarness.create(config.withRouting.initialRoute);
+				mountResult.routerHarness = routerHarness;
+				mountResult.router = TestBed.inject(Router);
+			}
+			const fixture = TestBed.createComponent(componentClass);
+			fixture.autoDetectChanges();
+			await fixture.whenStable();
+			const component = page$1.elementLocator(fixture.nativeElement);
+			return {
+				...mountResult,
+				fixture,
+				componentClassInstance: fixture.componentInstance,
+				component
+			};
+		});
+	}
+});
+
+//#endregion
+export { test };

package/dist/setup-RnZmQ_2I.js

@@ -0,0 +1,10 @@
+import { getTestBed } from "@angular/core/testing";
+import { BrowserTestingModule, platformBrowserTesting } from "@angular/platform-browser/testing";
+
+//#region src/setup.ts
+function setupAngularTestEnvironment() {
+	getTestBed().initTestEnvironment(BrowserTestingModule, platformBrowserTesting(), { teardown: { destroyAfterEach: false } });
+}
+
+//#endregion
+export { setupAngularTestEnvironment };

package/dist/setup-zones.d.ts

@@ -0,0 +1,3 @@
+import "@angular/compiler";
+import "@analogjs/vitest-angular/setup-zone";
+export {};

package/dist/setup-zones.js

@@ -0,0 +1,9 @@
+import { setupAngularTestEnvironment } from "./setup-RnZmQ_2I.js";
+import "@angular/compiler";
+import "@analogjs/vitest-angular/setup-zone";
+
+//#region src/setup-zones.ts
+setupAngularTestEnvironment();
+
+//#endregion
+export {  };

package/dist/setup.d.ts

@@ -0,0 +1,4 @@
+//#region src/setup.d.ts
+declare function setupAngularTestEnvironment(): void;
+//#endregion
+export { setupAngularTestEnvironment };

package/dist/setup.js

@@ -0,0 +1,3 @@
+import { setupAngularTestEnvironment } from "./setup-RnZmQ_2I.js";
+
+export { setupAngularTestEnvironment };

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "vitest-browser-angular",
+  "version": "0.0.0",
+  "description": "Mount Angular components in VItest Browser Mode",
+  "author": "Shai Reznik (HiRez.io)",
+  "license": "MIT",
+  "homepage": "https://github.com/hirezio/vitest-browser-angular#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hirezio/vitest-browser-angular.git"
+  },
+  "bugs": {
+    "url": "https://github.com/hirezio/vitest-browser-angular/issues"
+  },
+  "keywords": [
+    "angular",
+    "vitest",
+    "browser",
+    "testing"
+  ],
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./setup-zones": {
+      "types": "./dist/setup-zones.d.ts",
+      "default": "./dist/setup-zones.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "*.d.ts",
+    "*.mjs",
+    "dist"
+  ],
+  "engines": {
+    "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch --sourcemap",
+    "test": "vitest",
+    "lint": "eslint --cache .",
+    "lint:fix": "pnpm lint --fix"
+  },
+  "peerDependencies": {
+    "@analogjs/vitest-angular": "^1.20.0",
+    "@angular/compiler": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/router": "^20.0.0",
+    "@vitest/browser": "^2.1.0 || ^3.0.0 || ^4.0.0-0",
+    "vitest": "^2.1.0 || ^3.0.0 || ^4.0.0-0"
+  },
+  "devDependencies": {
+    "@analogjs/vitest-angular": "^1.20.2",
+    "@angular/compiler": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/router": "^20.0.0",
+    "@changesets/cli": "^2.29.6",
+    "@changesets/get-github-info": "^0.6.0",
+    "@changesets/types": "^6.1.0",
+    "@vitest/browser": "^3.2.0",
+    "bumpp": "^9.4.2",
+    "changelogithub": "^0.13.9",
+    "eslint": "^9.8.0",
+    "eslint-config-prettier": "^10.1.8",
+    "playwright": "^1.46.0",
+    "prettier": "^3.6.2",
+    "pretty-quick": "^4.2.2",
+    "simple-git-hooks": "^2.13.1",
+    "tsdown": "^0.14.2",
+    "tsup": "^8.2.4",
+    "tsx": "^4.17.0",
+    "typescript": "^5.5.4",
+    "vitest": "^3.2.0",
+    "zone.js": "^0.15.1",
+    "zx": "^8.1.4"
+  }
+}