vitest-browser-angular 0.3.0 → 0.4.0

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.
package/dist/setup.mjs CHANGED
@@ -1,3 +1,3 @@
1
- import { t as setupAngularTestEnvironment } from "./setup-N1YCbpUn.mjs";
1
+ import { t as setupAngularTestEnvironment } from "./setup-DWV3P7kE.mjs";
2
2
 
3
3
  export { setupAngularTestEnvironment };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vitest-browser-angular",
3
- "version": "0.3.0",
3
+ "version": "0.4.0",
4
4
  "description": "Render Angular components in VItest Browser Mode",
5
5
  "author": "Shai Reznik (HiRez.io)",
6
6
  "license": "MIT",
@@ -45,18 +45,18 @@
45
45
  "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
46
46
  },
47
47
  "peerDependencies": {
48
- "@angular/core": "^20.0.0",
49
- "@angular/router": "^20.0.0",
48
+ "@angular/core": "^20.0.0 || ^21.0.0",
49
+ "@angular/router": "^20.0.0 || ^21.0.0",
50
50
  "@vitest/browser": "^2.1.0 || ^3.0.0 || ^4.0.0-0",
51
51
  "vitest": "^2.1.0 || ^3.0.0 || ^4.0.0"
52
52
  },
53
53
  "devDependencies": {
54
54
  "@analogjs/vite-plugin-angular": "2.2.0",
55
55
  "@analogjs/vitest-angular": "2.2.0",
56
- "@angular/compiler": "^20.3.0",
57
- "@angular/core": "^20.3.0",
58
- "@angular/platform-browser": "^20.3.0",
59
- "@angular/router": "^20.3.0",
56
+ "@angular/compiler": "^21.0.0",
57
+ "@angular/core": "^21.0.0",
58
+ "@angular/platform-browser": "^21.0.0",
59
+ "@angular/router": "^21.0.0",
60
60
  "@changesets/cli": "^2.29.6",
61
61
  "@changesets/get-github-info": "^0.6.0",
62
62
  "@changesets/types": "^6.1.0",
@@ -73,14 +73,16 @@
73
73
  "playwright": "^1.46.0",
74
74
  "prettier": "^3.6.2",
75
75
  "pretty-quick": "^4.2.2",
76
+ "rxjs": "~7.8.2",
76
77
  "simple-git-hooks": "^2.13.1",
77
78
  "tsdown": "^0.16.2",
79
+ "tslib": "^2.8.1",
78
80
  "tsx": "^4.17.0",
79
- "typescript": "^5.5.4",
81
+ "typescript": "~5.9.2",
80
82
  "typescript-eslint": "^8.42.0",
81
83
  "vite": "^7.1.0",
82
- "vitest": "^4.0.0",
83
- "zone.js": "^0.15.1",
84
+ "vitest": "^4.0.8",
85
+ "zone.js": "~0.15.0",
84
86
  "zx": "^8.1.4"
85
87
  },
86
88
  "simple-git-hooks": {
@@ -1,50 +0,0 @@
1
- import { page, utils } from "vitest/browser";
2
- import { inputBinding } from "@angular/core";
3
- import { TestBed, ɵgetCleanupHook } from "@angular/core/testing";
4
- import { Router, provideRouter } from "@angular/router";
5
- import { RouterTestingHarness } from "@angular/router/testing";
6
-
7
- //#region src/pure.ts
8
- const { debug, getElementLocatorSelectors } = utils;
9
- async function render(componentClass, options) {
10
- const imports = [componentClass, ...options?.imports || []];
11
- const providers = [...options?.providers || []];
12
- const renderResult = {};
13
- const baseElement = options?.baseElement || document.body;
14
- if (options?.withRouting) {
15
- const routes = typeof options.withRouting === "boolean" ? [] : options.withRouting.routes;
16
- providers.push(provideRouter(routes));
17
- }
18
- TestBed.configureTestingModule({
19
- imports,
20
- providers
21
- });
22
- if (options?.componentProviders) TestBed.overrideComponent(componentClass, { add: { providers: options.componentProviders } });
23
- if (options?.withRouting) {
24
- renderResult.routerHarness = await RouterTestingHarness.create(typeof options.withRouting === "boolean" ? void 0 : options.withRouting.initialRoute);
25
- renderResult.router = TestBed.inject(Router);
26
- }
27
- const bindings = Object.entries(options?.inputs ?? {}).map(([key, value]) => inputBinding(key, () => value));
28
- const fixture = TestBed.createComponent(componentClass, { bindings });
29
- fixture.autoDetectChanges();
30
- await fixture.whenStable();
31
- const container = fixture.nativeElement;
32
- const locator = page.elementLocator(container);
33
- return {
34
- ...renderResult,
35
- baseElement,
36
- container,
37
- fixture,
38
- debug: (el = baseElement, maxLength, options$1) => debug(el, maxLength, options$1),
39
- componentClassInstance: fixture.componentInstance,
40
- component: locator,
41
- locator,
42
- ...getElementLocatorSelectors(baseElement)
43
- };
44
- }
45
- function cleanup(shouldTeardown = false) {
46
- return ɵgetCleanupHook(shouldTeardown)();
47
- }
48
-
49
- //#endregion
50
- export { render as n, cleanup as t };
@@ -1,43 +0,0 @@
1
- import { Locator, LocatorSelectors, PrettyDOMOptions } from "vitest/browser";
2
- import { EnvironmentProviders, InputSignal, Provider, Type } from "@angular/core";
3
- import { ComponentFixture } from "@angular/core/testing";
4
- import { Router, Routes } from "@angular/router";
5
- import { RouterTestingHarness } from "@angular/router/testing";
6
-
7
- //#region src/pure.d.ts
8
- interface RoutingConfig {
9
- routes: Routes;
10
- initialRoute?: string;
11
- }
12
- type Inputs<CMP_TYPE extends Type<unknown>> = Partial<{ [PROP in keyof InstanceType<CMP_TYPE> as InstanceType<CMP_TYPE>[PROP] extends InputSignal<unknown> ? PROP : never]: InstanceType<CMP_TYPE>[PROP] extends InputSignal<infer VALUE> ? VALUE : never }>;
13
- interface ComponentRenderOptions<CMP_TYPE extends Type<unknown> = Type<unknown>> {
14
- baseElement?: HTMLElement;
15
- inputs?: Inputs<CMP_TYPE>;
16
- withRouting?: RoutingConfig | boolean;
17
- providers?: Array<Provider | EnvironmentProviders>;
18
- componentProviders?: Array<Provider>;
19
- imports?: unknown[];
20
- }
21
- /**
22
- * @deprecated Use ComponentRenderOptions instead
23
- */
24
- type RenderConfig<CMP_TYPE extends Type<unknown> = Type<unknown>> = ComponentRenderOptions<CMP_TYPE>;
25
- interface RenderResult<T> extends LocatorSelectors {
26
- baseElement: HTMLElement;
27
- container: HTMLElement;
28
- fixture: ComponentFixture<T>;
29
- debug(el?: HTMLElement | HTMLElement[] | Locator | Locator[], maxLength?: number, options?: PrettyDOMOptions): void;
30
- /**
31
- * @deprecated Use locator instead
32
- */
33
- component: Locator;
34
- locator: Locator;
35
- componentClassInstance: T;
36
- routerHarness?: RouterTestingHarness;
37
- router?: Router;
38
- }
39
- type RenderFn = <T>(component: Type<T>, options?: ComponentRenderOptions<Type<T>>) => Promise<RenderResult<T>>;
40
- declare function render<T>(componentClass: Type<T>, options?: ComponentRenderOptions<Type<T>>): Promise<RenderResult<T>>;
41
- declare function cleanup(shouldTeardown?: boolean): void;
42
- //#endregion
43
- export { RenderResult as a, render as c, RenderFn as i, Inputs as n, RoutingConfig as o, RenderConfig as r, cleanup as s, ComponentRenderOptions as t };