@stencil/vitest 1.1.0 → 1.1.2
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 +2 -3
- package/dist/config.js +19 -0
- package/dist/testing/matchers.d.ts +23 -14
- package/dist/testing/matchers.d.ts.map +1 -1
- package/dist/testing/matchers.js +0 -22
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -161,15 +161,14 @@ unmount();
|
|
|
161
161
|
```typescript
|
|
162
162
|
// DOM assertions
|
|
163
163
|
expect(element).toHaveClass('active');
|
|
164
|
-
expect(element).toHaveClasses(['active', 'primary']);
|
|
165
|
-
expect(element).toMatchClasses(['active']); //
|
|
164
|
+
expect(element).toHaveClasses(['active', 'primary']); // Contains all / partial match
|
|
165
|
+
expect(element).toMatchClasses(['active']); // Exact match
|
|
166
166
|
expect(element).toHaveAttribute('aria-label', 'Close');
|
|
167
167
|
expect(element).toEqualAttribute('type', 'button');
|
|
168
168
|
expect(element).toEqualAttributes({ type: 'button', disabled: true });
|
|
169
169
|
expect(element).toHaveProperty('value', 'test');
|
|
170
170
|
expect(element).toHaveTextContent('Hello World');
|
|
171
171
|
expect(element).toEqualText('Exact text match');
|
|
172
|
-
expect(element).toBeVisible();
|
|
173
172
|
|
|
174
173
|
// Shadow DOM
|
|
175
174
|
expect(element).toHaveShadowRoot();
|
package/dist/config.js
CHANGED
|
@@ -153,6 +153,25 @@ function applyStencilDefaults(config, stencilConfig) {
|
|
|
153
153
|
if (!result.test) {
|
|
154
154
|
result.test = {};
|
|
155
155
|
}
|
|
156
|
+
// Inline vitest-environment-stencil so it resolves from this package's node_modules
|
|
157
|
+
// This is necessary for pnpm which doesn't hoist transitive dependencies
|
|
158
|
+
if (!result.test.server) {
|
|
159
|
+
result.test.server = {};
|
|
160
|
+
}
|
|
161
|
+
if (!result.test.server.deps) {
|
|
162
|
+
result.test.server.deps = {};
|
|
163
|
+
}
|
|
164
|
+
if (!result.test.server.deps.inline) {
|
|
165
|
+
result.test.server.deps.inline = [];
|
|
166
|
+
}
|
|
167
|
+
if (Array.isArray(result.test.server.deps.inline)) {
|
|
168
|
+
if (!result.test.server.deps.inline.includes('vitest-environment-stencil')) {
|
|
169
|
+
result.test.server.deps.inline.push('vitest-environment-stencil');
|
|
170
|
+
}
|
|
171
|
+
if (!result.test.server.deps.inline.includes('@stencil/vitest')) {
|
|
172
|
+
result.test.server.deps.inline.push('@stencil/vitest');
|
|
173
|
+
}
|
|
174
|
+
}
|
|
156
175
|
// Enable forceRerunTriggers to watch output directories
|
|
157
176
|
// This ensures Vitest re-runs tests when Stencil rebuilds components
|
|
158
177
|
const outputDirs = getStencilOutputDirs(stencilConfig);
|
|
@@ -8,33 +8,49 @@ import type { EventSpy } from '../types.js';
|
|
|
8
8
|
* Custom matchers interface
|
|
9
9
|
*/
|
|
10
10
|
interface CustomMatchers<R = unknown> {
|
|
11
|
+
/** Asserts element has the specified CSS class. */
|
|
11
12
|
toHaveClass(className: string): R;
|
|
13
|
+
/** Asserts element has all specified CSS classes. */
|
|
12
14
|
toHaveClasses(classNames: string[]): R;
|
|
15
|
+
/** Asserts element has exactly the specified CSS classes (no more, no less). */
|
|
13
16
|
toMatchClasses(classNames: string[]): R;
|
|
17
|
+
/** Asserts element has the attribute, optionally with a specific value. */
|
|
14
18
|
toHaveAttribute(attribute: string, value?: string): R;
|
|
19
|
+
/** Asserts element attribute equals the expected value exactly. */
|
|
15
20
|
toEqualAttribute(attribute: string, value: string): R;
|
|
21
|
+
/** Asserts element has all specified attributes with exact values. */
|
|
16
22
|
toEqualAttributes(expectedAttrs: Record<string, string>): R;
|
|
23
|
+
/** Asserts element has the property, optionally with a specific value. */
|
|
17
24
|
toHaveProperty(property: string, value?: any): R;
|
|
25
|
+
/** Asserts element's text content contains the specified text. */
|
|
18
26
|
toHaveTextContent(text: string): R;
|
|
27
|
+
/** Asserts element's trimmed text content equals the expected text exactly. */
|
|
19
28
|
toEqualText(expectedText: string): R;
|
|
20
|
-
|
|
29
|
+
/** Asserts element has an attached shadow root. */
|
|
21
30
|
toHaveShadowRoot(): R;
|
|
31
|
+
/** Asserts element will emit the specified event when interacted with. */
|
|
22
32
|
toEmitEvent(eventName: string): R;
|
|
33
|
+
/** Asserts element's serialized HTML (including shadow DOM) matches expected HTML. */
|
|
23
34
|
toEqualHtml(expectedHtml: string): R;
|
|
35
|
+
/** Asserts element's light DOM HTML (excluding shadow DOM internals) matches expected HTML. */
|
|
24
36
|
toEqualLightHtml(expectedHtml: string): R;
|
|
37
|
+
/** Asserts event spy has received at least one event. */
|
|
25
38
|
toHaveReceivedEvent(): R;
|
|
39
|
+
/** Asserts event spy has received exactly the specified number of events. */
|
|
26
40
|
toHaveReceivedEventTimes(count: number): R;
|
|
41
|
+
/** Asserts event spy's last received event has the expected detail. */
|
|
27
42
|
toHaveReceivedEventDetail(detail: any): R;
|
|
43
|
+
/** Asserts event spy's first received event has the expected detail. */
|
|
28
44
|
toHaveFirstReceivedEventDetail(detail: any): R;
|
|
45
|
+
/** Asserts event spy's last received event has the expected detail. */
|
|
29
46
|
toHaveLastReceivedEventDetail(detail: any): R;
|
|
47
|
+
/** Asserts event spy's nth received event (0-indexed) has the expected detail. */
|
|
30
48
|
toHaveNthReceivedEventDetail(index: number, detail: any): R;
|
|
31
49
|
}
|
|
32
|
-
declare
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
interface AsymmetricMatchersContaining extends CustomMatchers {
|
|
37
|
-
}
|
|
50
|
+
declare module 'vitest' {
|
|
51
|
+
interface Assertion<T = any> extends CustomMatchers<T> {
|
|
52
|
+
}
|
|
53
|
+
interface AsymmetricMatchersContaining extends CustomMatchers {
|
|
38
54
|
}
|
|
39
55
|
}
|
|
40
56
|
/**
|
|
@@ -102,13 +118,6 @@ export declare function toEqualText(received: HTMLElement, expectedText: string)
|
|
|
102
118
|
pass: boolean;
|
|
103
119
|
message: () => string;
|
|
104
120
|
};
|
|
105
|
-
/**
|
|
106
|
-
* Check if element is visible
|
|
107
|
-
*/
|
|
108
|
-
export declare function toBeVisible(received: HTMLElement): {
|
|
109
|
-
pass: boolean;
|
|
110
|
-
message: () => string;
|
|
111
|
-
};
|
|
112
121
|
/**
|
|
113
122
|
* Check if element has shadow root
|
|
114
123
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"matchers.d.ts","sourceRoot":"","sources":["../../src/testing/matchers.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;GAEG;AACH,UAAU,cAAc,CAAC,CAAC,GAAG,OAAO;IAClC,WAAW,CAAC,SAAS,EAAE,MAAM,GAAG,CAAC,CAAC;IAClC,aAAa,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC;IACxC,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC;IACtD,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IACtD,iBAAiB,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5D,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC;IACjD,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,CAAC,CAAC;IACrC,
|
|
1
|
+
{"version":3,"file":"matchers.d.ts","sourceRoot":"","sources":["../../src/testing/matchers.ts"],"names":[],"mappings":"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"}
|
package/dist/testing/matchers.js
CHANGED
|
@@ -173,17 +173,6 @@ export function toEqualText(received, expectedText) {
|
|
|
173
173
|
: `Expected element text to equal "${trimmedExpected}", but got "${actualText}"`,
|
|
174
174
|
};
|
|
175
175
|
}
|
|
176
|
-
/**
|
|
177
|
-
* Check if element is visible
|
|
178
|
-
*/
|
|
179
|
-
export function toBeVisible(received) {
|
|
180
|
-
const style = window.getComputedStyle(received);
|
|
181
|
-
const pass = style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0';
|
|
182
|
-
return {
|
|
183
|
-
pass,
|
|
184
|
-
message: () => (pass ? `Expected element not to be visible` : `Expected element to be visible`),
|
|
185
|
-
};
|
|
186
|
-
}
|
|
187
176
|
/**
|
|
188
177
|
* Check if element has shadow root
|
|
189
178
|
*/
|
|
@@ -247,11 +236,6 @@ export function toEqualHtml(received, expected) {
|
|
|
247
236
|
// to preserve custom elements like <mock:shadow-root>
|
|
248
237
|
let expectedHtml = normalizeHtml(expected.trim());
|
|
249
238
|
receivedHtml = normalizeHtml(receivedHtml);
|
|
250
|
-
// Debug logging
|
|
251
|
-
if (expectedHtml !== receivedHtml) {
|
|
252
|
-
console.log('Expected (normalized):', JSON.stringify(expectedHtml));
|
|
253
|
-
console.log('Received (normalized):', JSON.stringify(receivedHtml));
|
|
254
|
-
}
|
|
255
239
|
const pass = receivedHtml === expectedHtml;
|
|
256
240
|
return {
|
|
257
241
|
pass,
|
|
@@ -292,11 +276,6 @@ export function toEqualLightHtml(received, expected) {
|
|
|
292
276
|
// to preserve custom elements like <mock:shadow-root>
|
|
293
277
|
let expectedHtml = normalizeHtml(expected.trim());
|
|
294
278
|
receivedHtml = normalizeHtml(receivedHtml);
|
|
295
|
-
// Debug logging
|
|
296
|
-
if (expectedHtml !== receivedHtml) {
|
|
297
|
-
console.log('LightDOM Expected (normalized):', JSON.stringify(expectedHtml));
|
|
298
|
-
console.log('LightDOM Received (normalized):', JSON.stringify(receivedHtml));
|
|
299
|
-
}
|
|
300
279
|
const pass = receivedHtml === expectedHtml;
|
|
301
280
|
return {
|
|
302
281
|
pass,
|
|
@@ -444,7 +423,6 @@ export function installMatchers() {
|
|
|
444
423
|
toHaveProperty,
|
|
445
424
|
toHaveTextContent,
|
|
446
425
|
toEqualText,
|
|
447
|
-
toBeVisible,
|
|
448
426
|
toHaveShadowRoot,
|
|
449
427
|
toEqualHtml,
|
|
450
428
|
toEqualLightHtml,
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"type": "git",
|
|
5
5
|
"url": "https://github.com/stenciljs/vitest"
|
|
6
6
|
},
|
|
7
|
-
"version": "1.1.
|
|
7
|
+
"version": "1.1.2",
|
|
8
8
|
"description": "First-class testing utilities for Stencil design systems with Vitest",
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"type": "module",
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"dependencies": {
|
|
93
93
|
"jiti": "^2.6.1",
|
|
94
94
|
"local-pkg": "^1.1.2",
|
|
95
|
-
"vitest-environment-stencil": "1.1.
|
|
95
|
+
"vitest-environment-stencil": "1.1.2"
|
|
96
96
|
},
|
|
97
97
|
"devDependencies": {
|
|
98
98
|
"@eslint/js": "^9.39.2",
|