happy-dom 6.0.3 → 7.0.0

package/src/nodes/html-select-element/HTMLSelectElement.ts

@@ -171,7 +171,7 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 	 * @param value Value.
 	 */
 	public set selectedIndex(value: number) {
-		if (this.options.length - 1 > value || value < 0) {
+		if (value > this.options.length - 1 || value < 0) {
 			throw new DOMException(
 				'Select elements selected index must be valid',
 				DOMExceptionNameEnum.indexSizeError

package/src/nodes/html-style-element/HTMLStyleElement.ts

@@ -22,8 +22,8 @@ export default class HTMLStyleElement extends HTMLElement implements IHTMLStyleE
 		}
 		if (!this._styleSheet) {
 			this._styleSheet = new CSSStyleSheet();
-			this._styleSheet.replaceSync(this.innerText);
 		}
+		this._styleSheet.replaceSync(this.textContent);
 		return this._styleSheet;
 	}
 

package/src/nodes/node/INode.ts

@@ -6,7 +6,9 @@ import NodeTypeEnum from './NodeTypeEnum';
 
 export default interface INode extends IEventTarget {
 	readonly ELEMENT_NODE: NodeTypeEnum;
+	readonly ATTRIBUTE_NODE: NodeTypeEnum;
 	readonly TEXT_NODE: NodeTypeEnum;
+	readonly CDATA_SECTION_NODE: NodeTypeEnum;
 	readonly COMMENT_NODE: NodeTypeEnum;
 	readonly DOCUMENT_NODE: NodeTypeEnum;
 	readonly DOCUMENT_TYPE_NODE: NodeTypeEnum;

package/src/nodes/node/Node.ts

@@ -21,14 +21,18 @@ export default class Node extends EventTarget implements INode {
 
 	// Public properties
 	public static readonly ELEMENT_NODE = NodeTypeEnum.elementNode;
+	public static readonly ATTRIBUTE_NODE = NodeTypeEnum.attributeNode;
 	public static readonly TEXT_NODE = NodeTypeEnum.textNode;
+	public static readonly CDATA_SECTION_NODE = NodeTypeEnum.cdataSectionNode;
 	public static readonly COMMENT_NODE = NodeTypeEnum.commentNode;
 	public static readonly DOCUMENT_NODE = NodeTypeEnum.documentNode;
 	public static readonly DOCUMENT_TYPE_NODE = NodeTypeEnum.documentTypeNode;
 	public static readonly DOCUMENT_FRAGMENT_NODE = NodeTypeEnum.documentFragmentNode;
 	public static readonly PROCESSING_INSTRUCTION_NODE = NodeTypeEnum.processingInstructionNode;
 	public readonly ELEMENT_NODE = NodeTypeEnum.elementNode;
+	public readonly ATTRIBUTE_NODE = NodeTypeEnum.attributeNode;
 	public readonly TEXT_NODE = NodeTypeEnum.textNode;
+	public readonly CDATA_SECTION_NODE = NodeTypeEnum.cdataSectionNode;
 	public readonly COMMENT_NODE = NodeTypeEnum.commentNode;
 	public readonly DOCUMENT_NODE = NodeTypeEnum.documentNode;
 	public readonly DOCUMENT_TYPE_NODE = NodeTypeEnum.documentTypeNode;
@@ -58,16 +62,18 @@ export default class Node extends EventTarget implements INode {
 	 * @returns Text content.
 	 */
 	public get textContent(): string {
+		// Sub-classes should implement this method.
 		return null;
 	}
 
 	/**
 	 * Sets text content.
 	 *
-	 * @param textContent Text content.
+	 * @param _textContent Text content.
 	 */
 	public set textContent(_textContent) {
 		// Do nothing.
+		// Sub-classes should implement this method.
 	}
 
 	/**

package/src/nodes/node/NodeTypeEnum.ts

@@ -1,6 +1,8 @@
 enum NodeTypeEnum {
 	elementNode = 1,
+	attributeNode = 2,
 	textNode = 3,
+	cdataSectionNode = 4,
 	commentNode = 8,
 	documentNode = 9,
 	documentTypeNode = 10,

package/src/nodes/svg-element/ISVGElement.ts

@@ -1,4 +1,4 @@
-import CSSStyleDeclaration from '../../css/CSSStyleDeclaration';
+import CSSStyleDeclaration from '../../css/declaration/CSSStyleDeclaration';
 import IElement from '../element/IElement';
 import ISVGSVGElement from './ISVGSVGElement';
 

package/src/nodes/svg-element/SVGElement.ts

@@ -1,8 +1,8 @@
-import CSSStyleDeclaration from '../../css/CSSStyleDeclaration';
+import CSSStyleDeclaration from '../../css/declaration/CSSStyleDeclaration';
 import Element from '../element/Element';
 import ISVGElement from './ISVGElement';
 import ISVGSVGElement from './ISVGSVGElement';
-import Attr from '../../attribute/Attr';
+import IAttr from '../attr/IAttr';
 
 /**
  * SVG Element.
@@ -59,7 +59,7 @@ export default class SVGElement extends Element implements ISVGElement {
 	 */
 	public get style(): CSSStyleDeclaration {
 		if (!this._style) {
-			this._style = new CSSStyleDeclaration(this._attributes);
+			this._style = new CSSStyleDeclaration(this);
 		}
 		return this._style;
 	}
@@ -71,7 +71,7 @@ export default class SVGElement extends Element implements ISVGElement {
 	 * @param attribute Attribute.
 	 * @returns Replaced attribute.
 	 */
-	public setAttributeNode(attribute: Attr): Attr {
+	public setAttributeNode(attribute: IAttr): IAttr {
 		const replacedAttribute = super.setAttributeNode(attribute);
 
 		if (attribute.name === 'style' && this._style) {
@@ -87,7 +87,7 @@ export default class SVGElement extends Element implements ISVGElement {
 	 * @override
 	 * @param attribute Attribute.
 	 */
-	public removeAttributeNode(attribute: Attr): void {
+	public removeAttributeNode(attribute: IAttr): void {
 		super.removeAttributeNode(attribute);
 
 		if (attribute.name === 'style' && this._style) {

package/src/window/IWindow.ts

@@ -11,7 +11,6 @@ import Element from '../nodes/element/Element';
 import HTMLTemplateElement from '../nodes/html-template-element/HTMLTemplateElement';
 import HTMLFormElement from '../nodes/html-form-element/HTMLFormElement';
 import HTMLElement from '../nodes/html-element/HTMLElement';
-import IHTMLElement from '../nodes/html-element/IHTMLElement';
 import HTMLUnknownElement from '../nodes/html-unknown-element/HTMLUnknownElement';
 import HTMLInputElement from '../nodes/html-input-element/HTMLInputElement';
 import HTMLTextAreaElement from '../nodes/html-text-area-element/HTMLTextAreaElement';
@@ -35,6 +34,7 @@ import CustomEvent from '../event/events/CustomEvent';
 import AnimationEvent from '../event/events/AnimationEvent';
 import KeyboardEvent from '../event/events/KeyboardEvent';
 import ProgressEvent from '../event/events/ProgressEvent';
+import MediaQueryListEvent from '../event/events/MediaQueryListEvent';
 import EventTarget from '../event/EventTarget';
 import URL from '../location/URL';
 import Location from '../location/Location';
@@ -48,9 +48,16 @@ import DOMException from '../exception/DOMException';
 import FileReader from '../file/FileReader';
 import History from '../history/History';
 import CSSStyleSheet from '../css/CSSStyleSheet';
-import CSSStyleDeclaration from '../css/CSSStyleDeclaration';
+import CSSStyleDeclaration from '../css/declaration/CSSStyleDeclaration';
 import CSS from '../css/CSS';
 import CSSUnitValue from '../css/CSSUnitValue';
+import CSSRule from '../css/CSSRule';
+import CSSContainerRule from '../css/rules/CSSContainerRule';
+import CSSFontFaceRule from '../css/rules/CSSFontFaceRule';
+import CSSKeyframeRule from '../css/rules/CSSKeyframeRule';
+import CSSKeyframesRule from '../css/rules/CSSKeyframesRule';
+import CSSMediaRule from '../css/rules/CSSMediaRule';
+import CSSStyleRule from '../css/rules/CSSStyleRule';
 import PointerEvent from '../event/events/PointerEvent';
 import MouseEvent from '../event/events/MouseEvent';
 import FocusEvent from '../event/events/FocusEvent';
@@ -84,8 +91,10 @@ import Range from '../range/Range';
 import MediaQueryList from '../match-media/MediaQueryList';
 import DOMRect from '../nodes/element/DOMRect';
 import Window from './Window';
+import Attr from '../nodes/attr/Attr';
 import { URLSearchParams } from 'url';
 import { Performance } from 'perf_hooks';
+import IElement from '../nodes/element/IElement';
 
 /**
  * Window without dependencies to server side specific packages.
@@ -96,6 +105,8 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 		whenAsyncComplete: () => Promise<void>;
 		cancelAsync: () => void;
 		asyncTaskManager: AsyncTaskManager;
+		setInnerWidth: (width: number) => void;
+		setInnerHeight: (height: number) => void;
 	};
 
 	// Global classes
@@ -115,6 +126,7 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 	readonly HTMLMetaElement: typeof HTMLMetaElement;
 	readonly HTMLBaseElement: typeof HTMLBaseElement;
 	readonly HTMLDialogElement: typeof HTMLDialogElement;
+	readonly Attr: typeof Attr;
 	readonly SVGSVGElement: typeof SVGSVGElement;
 	readonly SVGElement: typeof SVGElement;
 	readonly Image: typeof Image;
@@ -145,6 +157,7 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 	readonly ErrorEvent: typeof ErrorEvent;
 	readonly StorageEvent: typeof StorageEvent;
 	readonly ProgressEvent: typeof ProgressEvent;
+	readonly MediaQueryListEvent: typeof MediaQueryListEvent;
 	readonly EventTarget: typeof EventTarget;
 	readonly DataTransfer: typeof DataTransfer;
 	readonly DataTransferItem: typeof DataTransferItem;
@@ -168,6 +181,13 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 	readonly NodeList: typeof NodeList;
 	readonly CSSUnitValue: typeof CSSUnitValue;
 	readonly CSS: CSS;
+	readonly CSSRule: typeof CSSRule;
+	readonly CSSContainerRule: typeof CSSContainerRule;
+	readonly CSSFontFaceRule: typeof CSSFontFaceRule;
+	readonly CSSKeyframeRule: typeof CSSKeyframeRule;
+	readonly CSSKeyframesRule: typeof CSSKeyframesRule;
+	readonly CSSMediaRule: typeof CSSMediaRule;
+	readonly CSSStyleRule: typeof CSSStyleRule;
 	readonly Selection: typeof Selection;
 	readonly Navigator: typeof Navigator;
 	readonly MimeType: typeof MimeType;
@@ -217,7 +237,7 @@ export default interface IWindow extends IEventTarget, NodeJS.Global {
 	 * @param element Element.
 	 * @returns CSS style declaration.
 	 */
-	getComputedStyle(element: IHTMLElement): CSSStyleDeclaration;
+	getComputedStyle(element: IElement): CSSStyleDeclaration;
 
 	/**
 	 * Returns selection.

package/src/window/Window.ts

@@ -35,6 +35,7 @@ import CustomEvent from '../event/events/CustomEvent';
 import AnimationEvent from '../event/events/AnimationEvent';
 import KeyboardEvent from '../event/events/KeyboardEvent';
 import ProgressEvent from '../event/events/ProgressEvent';
+import MediaQueryListEvent from '../event/events/MediaQueryListEvent';
 import EventTarget from '../event/EventTarget';
 import URL from '../location/URL';
 import Location from '../location/Location';
@@ -50,9 +51,16 @@ import DOMException from '../exception/DOMException';
 import { default as FileReaderImplementation } from '../file/FileReader';
 import History from '../history/History';
 import CSSStyleSheet from '../css/CSSStyleSheet';
-import CSSStyleDeclaration from '../css/CSSStyleDeclaration';
+import CSSStyleDeclaration from '../css/declaration/CSSStyleDeclaration';
 import CSS from '../css/CSS';
 import CSSUnitValue from '../css/CSSUnitValue';
+import CSSRule from '../css/CSSRule';
+import CSSContainerRule from '../css/rules/CSSContainerRule';
+import CSSFontFaceRule from '../css/rules/CSSFontFaceRule';
+import CSSKeyframeRule from '../css/rules/CSSKeyframeRule';
+import CSSKeyframesRule from '../css/rules/CSSKeyframesRule';
+import CSSMediaRule from '../css/rules/CSSMediaRule';
+import CSSStyleRule from '../css/rules/CSSStyleRule';
 import MouseEvent from '../event/events/MouseEvent';
 import PointerEvent from '../event/events/PointerEvent';
 import FocusEvent from '../event/events/FocusEvent';
@@ -96,6 +104,8 @@ import VM from 'vm';
 import { Buffer } from 'buffer';
 import Base64 from '../base64/Base64';
 import IDocument from '../nodes/document/IDocument';
+import Attr from '../nodes/attr/Attr';
+import IElement from '../nodes/element/IElement';
 
 const ORIGINAL_SET_TIMEOUT = setTimeout;
 const ORIGINAL_CLEAR_TIMEOUT = clearTimeout;
@@ -117,7 +127,19 @@ export default class Window extends EventTarget implements IWindow {
 		cancelAsync: (): void => {
 			this.happyDOM.asyncTaskManager.cancelAll();
 		},
-		asyncTaskManager: new AsyncTaskManager()
+		asyncTaskManager: new AsyncTaskManager(),
+		setInnerWidth: (width: number): void => {
+			if (this.innerWidth !== width) {
+				(<number>this.innerWidth) = width;
+				this.dispatchEvent(new Event('resize'));
+			}
+		},
+		setInnerHeight: (height: number): void => {
+			if (this.innerHeight !== height) {
+				(<number>this.innerHeight) = height;
+				this.dispatchEvent(new Event('resize'));
+			}
+		}
 	};
 
 	// Global classes
@@ -137,6 +159,7 @@ export default class Window extends EventTarget implements IWindow {
 	public readonly HTMLMetaElement = HTMLMetaElement;
 	public readonly HTMLBaseElement = HTMLBaseElement;
 	public readonly HTMLDialogElement = HTMLDialogElement;
+	public readonly Attr = Attr;
 	public readonly SVGSVGElement = SVGSVGElement;
 	public readonly SVGElement = SVGElement;
 	public readonly Text = Text;
@@ -165,6 +188,7 @@ export default class Window extends EventTarget implements IWindow {
 	public readonly ErrorEvent = ErrorEvent;
 	public readonly StorageEvent = StorageEvent;
 	public readonly ProgressEvent = ProgressEvent;
+	public readonly MediaQueryListEvent = MediaQueryListEvent;
 	public readonly EventTarget = EventTarget;
 	public readonly DataTransfer = DataTransfer;
 	public readonly DataTransferItem = DataTransferItem;
@@ -185,8 +209,14 @@ export default class Window extends EventTarget implements IWindow {
 	public readonly URLSearchParams = URLSearchParams;
 	public readonly HTMLCollection = HTMLCollection;
 	public readonly NodeList = NodeList;
-	public readonly MediaQueryList = MediaQueryList;
 	public readonly CSSUnitValue = CSSUnitValue;
+	public readonly CSSRule = CSSRule;
+	public readonly CSSContainerRule = CSSContainerRule;
+	public readonly CSSFontFaceRule = CSSFontFaceRule;
+	public readonly CSSKeyframeRule = CSSKeyframeRule;
+	public readonly CSSKeyframesRule = CSSKeyframesRule;
+	public readonly CSSMediaRule = CSSMediaRule;
+	public readonly CSSStyleRule = CSSStyleRule;
 	public readonly Selection = Selection;
 	public readonly Navigator = Navigator;
 	public readonly MimeType = MimeType;
@@ -223,12 +253,12 @@ export default class Window extends EventTarget implements IWindow {
 	public readonly window = this;
 	public readonly globalThis = this;
 	public readonly screen = new Screen();
-	public readonly innerWidth = 1024;
-	public readonly innerHeight = 768;
 	public readonly devicePixelRatio = 1;
 	public readonly sessionStorage = new Storage();
 	public readonly localStorage = new Storage();
 	public readonly performance = PerfHooks.performance;
+	public readonly innerWidth: number;
+	public readonly innerHeight: number;
 
 	// Node.js Globals
 	public ArrayBuffer;
@@ -301,10 +331,22 @@ export default class Window extends EventTarget implements IWindow {
 
 	/**
 	 * Constructor.
+	 *
+	 * @param [options] Options.
+	 * @param [options.innerWidth] Inner width.
+	 * @param [options.innerHeight] Inner height.
+	 * @param [options.url] URL.
 	 */
-	constructor() {
+	constructor(options?: { innerWidth?: number; innerHeight?: number; url?: string }) {
 		super();
 
+		this.innerWidth = options?.innerWidth ? options.innerWidth : 0;
+		this.innerHeight = options?.innerHeight ? options.innerHeight : 0;
+
+		if (options?.url) {
+			this.location.href = options.url;
+		}
+
 		this._setTimeout = ORIGINAL_SET_TIMEOUT;
 		this._clearTimeout = ORIGINAL_CLEAR_TIMEOUT;
 		this._setInterval = ORIGINAL_SET_INTERVAL;
@@ -418,8 +460,8 @@ export default class Window extends EventTarget implements IWindow {
 	 * @param element Element.
 	 * @returns CSS style declaration.
 	 */
-	public getComputedStyle(element: HTMLElement): CSSStyleDeclaration {
-		return new CSSStyleDeclaration(element._attributes, element);
+	public getComputedStyle(element: IElement): CSSStyleDeclaration {
+		return new CSSStyleDeclaration(element, true);
 	}
 
 	/**
@@ -482,9 +524,7 @@ export default class Window extends EventTarget implements IWindow {
 	 * @returns A new MediaQueryList.
 	 */
 	public matchMedia(mediaQueryString: string): MediaQueryList {
-		const mediaQueryList = new MediaQueryList();
-		mediaQueryList._media = mediaQueryString;
-		return mediaQueryList;
+		return new MediaQueryList(this, mediaQueryString);
 	}
 
 	/**

package/lib/attribute/Attr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Attr.js","sourceRoot":"","sources":["../../src/attribute/Attr.ts"],"names":[],"mappings":";;AAGA;;;;GAIG;AACH,MAAqB,IAAI;IAAzB;QACQ,UAAK,GAAW,IAAI,CAAC;QACrB,SAAI,GAAW,IAAI,CAAC;QACpB,iBAAY,GAAW,IAAI,CAAC;QAEnC;;WAEG;QACa,iBAAY,GAAa,IAAI,CAAC;QAE9C;;WAEG;QACa,kBAAa,GAAc,IAAI,CAAC;QAEhD;;WAEG;QACa,cAAS,GAAG,IAAI,CAAC;IAmBlC,CAAC;IAjBA;;;;OAIG;IACH,IAAW,SAAS;QACnB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,CAAC;IAED;;;;OAIG;IACH,IAAW,MAAM;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACnD,CAAC;CACD;AArCD,uBAqCC"}