@stencil/mock-doc 5.0.0-alpha.34 → 5.0.0-alpha.35

package/dist/index.d.mts

@@ -139,6 +139,7 @@ declare class MockLocation implements Location {
   private _href;
   get href(): string;
   set href(value: string);
+  constructor();
   assign(_url: string): void;
   reload(_forcedReload?: boolean): void;
   replace(_url: string): void;
@@ -245,7 +246,7 @@ declare class MockWindow {
   KeyboardEvent: typeof MockKeyboardEvent;
   MouseEvent: typeof MockMouseEvent;
   constructor(html?: string | boolean);
-  addEventListener(type: string, handler: (ev?: any) => void): void;
+  addEventListener(type: string, handler: (ev?: any) => void, options?: boolean | AddEventListenerOptions): void;
   alert(msg: string): void;
   blur(): any;
   cancelAnimationFrame(id: any): void;
@@ -332,7 +333,7 @@ declare class MockWindow {
   prompt(): string;
   open(): any;
   get origin(): string;
-  removeEventListener(type: string, handler: any): void;
+  removeEventListener(type: string, handler: any, options?: boolean | EventListenerOptions): void;
   requestAnimationFrame(callback: (timestamp: number) => void): number;
   requestIdleCallback(callback: (deadline: {
     didTimeout: boolean;
@@ -512,7 +513,9 @@ declare class MockFocusEvent extends MockUIEvent {
 declare class MockEventListener {
   type: string;
   handler: (ev?: any) => void;
-  constructor(type: string, handler: any);
+  capture: boolean;
+  once: boolean;
+  constructor(type: string, handler: any, options?: boolean | AddEventListenerOptions);
 }
 interface EventTarget {
   __listeners: MockEventListener[];
@@ -603,8 +606,8 @@ declare class MockNode {
   replaceChild(newChild: MockNode, oldChild: MockNode): MockNode;
   get textContent(): string;
   set textContent(value: string);
-  addEventListener(type: string, handler: (ev?: any) => void): void;
-  removeEventListener(type: string, handler: any): void;
+  addEventListener(type: string, handler: (ev?: any) => void, options?: boolean | AddEventListenerOptions): void;
+  removeEventListener(type: string, handler: any, options?: boolean | EventListenerOptions): void;
   dispatchEvent(ev: MockEvent): boolean;
   static ELEMENT_NODE: number;
   static TEXT_NODE: number;
@@ -623,7 +626,7 @@ declare class MockElement extends MockNode {
   __style: MockCSSStyleDeclaration | null | undefined;
   attachInternals(): MockElementInternals;
   constructor(ownerDocument: any, nodeName: string | null, namespaceURI?: string | null);
-  addEventListener(type: string, handler: (ev?: any) => void): void;
+  addEventListener(type: string, handler: (ev?: any) => void, options?: boolean | AddEventListenerOptions): void;
   attachShadow(_opts: ShadowRootInit): any;
   blur(): void;
   get localName(): string;
@@ -707,7 +710,7 @@ declare class MockElement extends MockNode {
   querySelectorAll<E extends Element = Element>(selectors: string): E[];
   removeAttribute(attrName: string): void;
   removeAttributeNS(namespaceURI: string | null, attrName: string): void;
-  removeEventListener(type: string, handler: any): void;
+  removeEventListener(type: string, handler: any, options?: boolean | EventListenerOptions): void;
   setAttribute(attrName: string, value: any): void;
   setAttributeNS(namespaceURI: string | null, attrName: string, value: any): void;
   get style(): any;
@@ -871,6 +874,7 @@ interface NwsapiInstance {
   configure(config: {
     LOGERRORS?: boolean;
     VERBOSITY?: boolean;
+    IDS_DUPES?: boolean;
   }): void;
   match(selector: string, element: unknown): boolean;
   first(selector: string, context: unknown): unknown | null;

package/dist/index.mjs

@@ -361,12 +361,12 @@ function createCustomElement(customElements, ownerDocument, tagName) {
 	const host = new Proxy({}, {
 		get(obj, prop) {
 			const elm = proxyElements.get(host);
-			if (elm != null) return elm[prop];
+			if (elm != null) return Reflect.get(elm, prop, host);
 			return obj[prop];
 		},
 		set(obj, prop, val) {
 			const elm = proxyElements.get(host);
-			if (elm != null) elm[prop] = val;
+			if (elm != null) Reflect.set(elm, prop, val, host);
 			else obj[prop] = val;
 			return true;
 		},
@@ -374,6 +374,26 @@ function createCustomElement(customElements, ownerDocument, tagName) {
 			if (prop in proxyElements.get(host)) return true;
 			if (prop in obj) return true;
 			return false;
+		},
+		defineProperty(obj, prop, descriptor) {
+			const elm = proxyElements.get(host);
+			return Reflect.defineProperty(elm != null ? elm : obj, prop, descriptor);
+		},
+		deleteProperty(obj, prop) {
+			const elm = proxyElements.get(host);
+			return Reflect.deleteProperty(elm != null ? elm : obj, prop);
+		},
+		getOwnPropertyDescriptor(obj, prop) {
+			const elm = proxyElements.get(host);
+			return Reflect.getOwnPropertyDescriptor(elm != null ? elm : obj, prop);
+		},
+		ownKeys(obj) {
+			const elm = proxyElements.get(host);
+			return Reflect.ownKeys(elm != null ? elm : obj);
+		},
+		getPrototypeOf(obj) {
+			const elm = proxyElements.get(host);
+			return Reflect.getPrototypeOf(elm != null ? elm : obj);
 		}
 	});
 	const elm = new MockHTMLElement(ownerDocument, tagName);
@@ -574,9 +594,18 @@ var MockFocusEvent = class extends MockUIEvent {
 var MockEventListener = class {
 	type;
 	handler;
-	constructor(type, handler) {
+	capture;
+	once;
+	constructor(type, handler, options) {
 		this.type = type;
 		this.handler = handler;
+		if (typeof options === "boolean") {
+			this.capture = options;
+			this.once = false;
+		} else {
+			this.capture = options?.capture ?? false;
+			this.once = options?.once ?? false;
+		}
 	}
 };
 /**
@@ -585,11 +614,12 @@ var MockEventListener = class {
 * @param elm - the element to add the listener to
 * @param type - the event type to listen for
 * @param handler - the event handler function
+* @param options - `capture` and `once` are supported; `passive` and `signal` are accepted but not implemented
 */
-function addEventListener(elm, type, handler) {
+function addEventListener(elm, type, handler, options) {
 	const target = elm;
 	if (target.__listeners == null) target.__listeners = [];
-	target.__listeners.push(new MockEventListener(type, handler));
+	target.__listeners.push(new MockEventListener(type, handler, options));
 }
 /**
 * Remove an event listener from an element.
@@ -597,11 +627,13 @@ function addEventListener(elm, type, handler) {
 * @param elm - the element to remove the listener from
 * @param type - the event type to remove
 * @param handler - the event handler function to remove
+* @param options - only `capture` is relevant here, since listeners are keyed by type + handler + capture
 */
-function removeEventListener(elm, type, handler) {
+function removeEventListener(elm, type, handler, options) {
 	const target = elm;
+	const capture = typeof options === "boolean" ? options : options?.capture ?? false;
 	if (target != null && Array.isArray(target.__listeners) === true) {
-		const elmListener = target.__listeners.find((e) => e.type === type && e.handler === handler);
+		const elmListener = target.__listeners.find((e) => e.type === type && e.handler === handler && e.capture === capture);
 		if (elmListener != null) {
 			const index = target.__listeners.indexOf(elmListener);
 			target.__listeners.splice(index, 1);
@@ -627,6 +659,7 @@ function triggerEventListener(elm, ev) {
 	const target = elm;
 	ev.currentTarget = elm;
 	if (Array.isArray(target.__listeners) === true) target.__listeners.filter((e) => e.type === ev.type).forEach((listener) => {
+		if (listener.once) removeEventListener(target, listener.type, listener.handler, { capture: listener.capture });
 		try {
 			listener.handler.call(target, ev);
 		} catch (err) {
@@ -1430,8 +1463,9 @@ var MockNode = class {
 	}
 	get nextSibling() {
 		if (this.parentNode != null) {
-			const index = this.parentNode.childNodes.indexOf(this) + 1;
-			return this.parentNode.childNodes[index] || null;
+			const selfIndex = this.parentNode.childNodes.indexOf(this);
+			if (selfIndex === -1) return null;
+			return this.parentNode.childNodes[selfIndex + 1] || null;
 		}
 		return null;
 	}
@@ -1492,11 +1526,11 @@ var MockNode = class {
 	set textContent(value) {
 		this._nodeValue = String(value);
 	}
-	addEventListener(type, handler) {
-		addEventListener(this, type, handler);
+	addEventListener(type, handler, options) {
+		addEventListener(this, type, handler, options);
 	}
-	removeEventListener(type, handler) {
-		removeEventListener(this, type, handler);
+	removeEventListener(type, handler, options) {
+		removeEventListener(this, type, handler, options);
 	}
 	dispatchEvent(ev) {
 		return dispatchEvent(this, ev);
@@ -1541,8 +1575,8 @@ var MockElement = class extends MockNode {
 		this.__shadowRoot = null;
 		this.__attributeMap = null;
 	}
-	addEventListener(type, handler) {
-		addEventListener(this, type, handler);
+	addEventListener(type, handler, options) {
+		addEventListener(this, type, handler, options);
 	}
 	attachShadow(_opts) {
 		const shadowRoot = this.ownerDocument.createDocumentFragment();
@@ -1809,8 +1843,9 @@ var MockElement = class extends MockNode {
 	get nextElementSibling() {
 		const parentElement = this.parentElement;
 		if (parentElement != null && (parentElement.nodeType === 1 || parentElement.nodeType === 11 || parentElement.nodeType === 9)) {
-			const index = parentElement.children.indexOf(this) + 1;
-			return parentElement.children[index] || null;
+			const selfIndex = parentElement.children.indexOf(this);
+			if (selfIndex === -1) return null;
+			return parentElement.children[selfIndex + 1] || null;
 		}
 		return null;
 	}
@@ -1824,8 +1859,9 @@ var MockElement = class extends MockNode {
 	get previousElementSibling() {
 		const parentElement = this.parentElement;
 		if (parentElement != null && (parentElement.nodeType === 1 || parentElement.nodeType === 11 || parentElement.nodeType === 9)) {
-			const index = parentElement.children.indexOf(this) - 1;
-			return parentElement.children[index] || null;
+			const selfIndex = parentElement.children.indexOf(this);
+			if (selfIndex === -1) return null;
+			return parentElement.children[selfIndex - 1] || null;
 		}
 		return null;
 	}
@@ -1863,8 +1899,8 @@ var MockElement = class extends MockNode {
 			if (checkAttributeChanged(this) === true) attributeChanged(this, attrName, attr.value, null);
 		}
 	}
-	removeEventListener(type, handler) {
-		removeEventListener(this, type, handler);
+	removeEventListener(type, handler, options) {
+		removeEventListener(this, type, handler, options);
 	}
 	setAttribute(attrName, value) {
 		if (attrName === "style") this.style = value;
@@ -4554,6 +4590,7 @@ var MockIntersectionObserver = class {
 };
 //#endregion
 //#region src/location.ts
+const DEFAULT_LOCATION_HREF = "http://localhost/";
 var MockLocation = class {
 	ancestorOrigins = null;
 	protocol = "";
@@ -4584,6 +4621,9 @@ var MockLocation = class {
 		this.password = url.password;
 		this.origin = url.origin;
 	}
+	constructor() {
+		this.href = DEFAULT_LOCATION_HREF;
+	}
 	assign(_url) {}
 	reload(_forcedReload) {}
 	replace(_url) {}
@@ -4797,8 +4837,8 @@ var MockWindow = class {
 		resetWindowDefaults(this);
 		resetWindowDimensions(this);
 	}
-	addEventListener(type, handler) {
-		addEventListener(this, type, handler);
+	addEventListener(type, handler, options) {
+		addEventListener(this, type, handler, options);
 	}
 	alert(msg) {
 		if (this.console) this.console.debug(msg);
@@ -5020,8 +5060,8 @@ var MockWindow = class {
 	get origin() {
 		return this.location.origin;
 	}
-	removeEventListener(type, handler) {
-		removeEventListener(this, type, handler);
+	removeEventListener(type, handler, options) {
+		removeEventListener(this, type, handler, options);
 	}
 	requestAnimationFrame(callback) {
 		return this.setTimeout(() => {
@@ -5337,7 +5377,8 @@ var MockDocument = class MockDocument extends MockHTMLElement {
 			this.#nwsapi = (0, import_nwsapi.default)({ document: this });
 			this.#nwsapi.configure({
 				LOGERRORS: false,
-				VERBOSITY: false
+				VERBOSITY: false,
+				IDS_DUPES: false
 			});
 		}
 		return this.#nwsapi;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/mock-doc",
-  "version": "5.0.0-alpha.34",
+  "version": "5.0.0-alpha.35",
   "description": "A minimal mock DOM implementation for SSR and testing",
   "keywords": [
     "dom",