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/README.md +223 -9
- package/dist/index.d.mts +1 -1
- package/dist/index.mjs +1 -1
- package/dist/pure-dwpG9XN0.mjs +93 -0
- package/dist/pure-iXV3gO_T.d.mts +190 -0
- package/dist/pure.d.mts +1 -1
- package/dist/pure.mjs +1 -1
- package/dist/{setup-N1YCbpUn.mjs → setup-DWV3P7kE.mjs} +450 -3316
- package/dist/setup-zones.mjs +1009 -3890
- package/dist/setup.mjs +1 -1
- package/package.json +12 -10
- package/dist/pure-CSDeMQ9B.mjs +0 -50
- package/dist/pure-DIxLzF0p.d.mts +0 -43
package/dist/setup.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vitest-browser-angular",
|
|
3
|
-
"version": "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": "^
|
|
57
|
-
"@angular/core": "^
|
|
58
|
-
"@angular/platform-browser": "^
|
|
59
|
-
"@angular/router": "^
|
|
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": "
|
|
81
|
+
"typescript": "~5.9.2",
|
|
80
82
|
"typescript-eslint": "^8.42.0",
|
|
81
83
|
"vite": "^7.1.0",
|
|
82
|
-
"vitest": "^4.0.
|
|
83
|
-
"zone.js": "
|
|
84
|
+
"vitest": "^4.0.8",
|
|
85
|
+
"zone.js": "~0.15.0",
|
|
84
86
|
"zx": "^8.1.4"
|
|
85
87
|
},
|
|
86
88
|
"simple-git-hooks": {
|
package/dist/pure-CSDeMQ9B.mjs
DELETED
|
@@ -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 };
|
package/dist/pure-DIxLzF0p.d.mts
DELETED
|
@@ -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 };
|