happy-dom 7.2.0 → 7.4.0

package/src/nodes/element/IElement.ts

@@ -7,6 +7,7 @@ import IChildNode from '../child-node/IChildNode';
 import IParentNode from '../parent-node/IParentNode';
 import INonDocumentTypeChildNode from '../child-node/INonDocumentTypeChildNode';
 import IDOMRectList from './IDOMRectList';
+import Event from '../../event/Event';
 
 export type TInsertAdjacentPositions = 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend';
 
@@ -18,6 +19,7 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	readonly shadowRoot: IShadowRoot;
 	readonly classList: IDOMTokenList;
 	readonly namespaceURI: string;
+	prefix: string | null;
 	scrollTop: number;
 	scrollLeft: number;
 	id: string;
@@ -29,6 +31,42 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	readonly localName: string;
 	readonly attributes: { [k: string | number]: IAttr } & { length: number };
 
+	// Events
+	oncancel: (event: Event) => void | null;
+	onerror: (event: Event) => void | null;
+	onscroll: (event: Event) => void | null;
+	onselect: (event: Event) => void | null;
+	onwheel: (event: Event) => void | null;
+	oncopy: (event: Event) => void | null;
+	oncut: (event: Event) => void | null;
+	onpaste: (event: Event) => void | null;
+	oncompositionend: (event: Event) => void | null;
+	oncompositionstart: (event: Event) => void | null;
+	oncompositionupdate: (event: Event) => void | null;
+	onblur: (event: Event) => void | null;
+	onfocus: (event: Event) => void | null;
+	onfocusin: (event: Event) => void | null;
+	onfocusout: (event: Event) => void | null;
+	onfullscreenchange: (event: Event) => void | null;
+	onfullscreenerror: (event: Event) => void | null;
+	onkeydown: (event: Event) => void | null;
+	onkeyup: (event: Event) => void | null;
+	onauxclick: (event: Event) => void | null;
+	onclick: (event: Event) => void | null;
+	oncontextmenu: (event: Event) => void | null;
+	ondblclick: (event: Event) => void | null;
+	onmousedown: (event: Event) => void | null;
+	onmouseenter: (event: Event) => void | null;
+	onmouseleave: (event: Event) => void | null;
+	onmousemove: (event: Event) => void | null;
+	onmouseout: (event: Event) => void | null;
+	onmouseover: (event: Event) => void | null;
+	onmouseup: (event: Event) => void | null;
+	ontouchcancel: (event: Event) => void | null;
+	ontouchend: (event: Event) => void | null;
+	ontouchmove: (event: Event) => void | null;
+	ontouchstart: (event: Event) => void | null;
+
 	/**
 	 * Attribute changed callback.
 	 *

package/src/nodes/html-dialog-element/HTMLDialogElement.ts

@@ -11,6 +11,10 @@ import IHTMLDialogElement from './IHTMLDialogElement';
 export default class HTMLDialogElement extends HTMLElement implements IHTMLDialogElement {
 	public returnValue = '';
 
+	// Events
+	public oncancel: (event: Event) => void | null = null;
+	public onclose: (event: Event) => void | null = null;
+
 	/**
 	 * Returns open.
 	 *

package/src/nodes/html-dialog-element/IHTMLDialogElement.ts

@@ -1,3 +1,4 @@
+import Event from '../../event/Event';
 import IHTMLElement from '../html-element/IHTMLElement';
 
 /**
@@ -10,6 +11,10 @@ export default interface IHTMLDialogElement extends IHTMLElement {
 	open: boolean;
 	returnValue: string;
 
+	// Events
+	oncancel: (event: Event) => void | null;
+	onclose: (event: Event) => void | null;
+
 	/**
 	 * Closes the dialog.
 	 *

package/src/nodes/html-element/HTMLElement.ts

@@ -7,6 +7,7 @@ import PointerEvent from '../../event/events/PointerEvent';
 import DatasetUtility from './DatasetUtility';
 import NodeTypeEnum from '../node/NodeTypeEnum';
 import DOMException from '../../exception/DOMException';
+import Event from '../../event/Event';
 
 /**
  * HTML Element.
@@ -29,6 +30,33 @@ export default class HTMLElement extends Element implements IHTMLElement {
 	private _style: CSSStyleDeclaration = null;
 	private _dataset: { [key: string]: string } = null;
 
+	// Events
+	public oncopy: (event: Event) => void | null = null;
+	public oncut: (event: Event) => void | null = null;
+	public onpaste: (event: Event) => void | null = null;
+	public oninvalid: (event: Event) => void | null = null;
+	public onanimationcancel: (event: Event) => void | null = null;
+	public onanimationend: (event: Event) => void | null = null;
+	public onanimationiteration: (event: Event) => void | null = null;
+	public onanimationstart: (event: Event) => void | null = null;
+	public onbeforeinput: (event: Event) => void | null = null;
+	public oninput: (event: Event) => void | null = null;
+	public onchange: (event: Event) => void | null = null;
+	public ongotpointercapture: (event: Event) => void | null = null;
+	public onlostpointercapture: (event: Event) => void | null = null;
+	public onpointercancel: (event: Event) => void | null = null;
+	public onpointerdown: (event: Event) => void | null = null;
+	public onpointerenter: (event: Event) => void | null = null;
+	public onpointerleave: (event: Event) => void | null = null;
+	public onpointermove: (event: Event) => void | null = null;
+	public onpointerout: (event: Event) => void | null = null;
+	public onpointerover: (event: Event) => void | null = null;
+	public onpointerup: (event: Event) => void | null = null;
+	public ontransitioncancel: (event: Event) => void | null = null;
+	public ontransitionend: (event: Event) => void | null = null;
+	public ontransitionrun: (event: Event) => void | null = null;
+	public ontransitionstart: (event: Event) => void | null = null;
+
 	/**
 	 * Returns tab index.
 	 *

package/src/nodes/html-element/IHTMLElement.ts

@@ -1,3 +1,4 @@
+import Event from '../../event/Event';
 import CSSStyleDeclaration from '../../css/declaration/CSSStyleDeclaration';
 import IElement from '../element/IElement';
 
@@ -20,6 +21,33 @@ export default interface IHTMLElement extends IElement {
 	innerText: string;
 	outerText: string;
 
+	// Events
+	oncopy: (event: Event) => void | null;
+	oncut: (event: Event) => void | null;
+	onpaste: (event: Event) => void | null;
+	oninvalid: (event: Event) => void | null;
+	onanimationcancel: (event: Event) => void | null;
+	onanimationend: (event: Event) => void | null;
+	onanimationiteration: (event: Event) => void | null;
+	onanimationstart: (event: Event) => void | null;
+	onbeforeinput: (event: Event) => void | null;
+	oninput: (event: Event) => void | null;
+	onchange: (event: Event) => void | null;
+	ongotpointercapture: (event: Event) => void | null;
+	onlostpointercapture: (event: Event) => void | null;
+	onpointercancel: (event: Event) => void | null;
+	onpointerdown: (event: Event) => void | null;
+	onpointerenter: (event: Event) => void | null;
+	onpointerleave: (event: Event) => void | null;
+	onpointermove: (event: Event) => void | null;
+	onpointerout: (event: Event) => void | null;
+	onpointerover: (event: Event) => void | null;
+	onpointerup: (event: Event) => void | null;
+	ontransitioncancel: (event: Event) => void | null;
+	ontransitionend: (event: Event) => void | null;
+	ontransitionrun: (event: Event) => void | null;
+	ontransitionstart: (event: Event) => void | null;
+
 	/**
 	 * Triggers a click event.
 	 */

package/src/nodes/html-form-element/HTMLFormElement.ts

@@ -1,6 +1,7 @@
 import HTMLElement from '../html-element/HTMLElement';
 import IElement from '../element/IElement';
 import IHTMLFormElement from './IHTMLFormElement';
+import Event from '../../event/Event';
 
 /**
  * HTML Form Element.
@@ -9,6 +10,11 @@ import IHTMLFormElement from './IHTMLFormElement';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement.
  */
 export default class HTMLFormElement extends HTMLElement implements IHTMLFormElement {
+	// Events
+	public onformdata: (event: Event) => void | null = null;
+	public onreset: (event: Event) => void | null = null;
+	public onsubmit: (event: Event) => void | null = null;
+
 	/**
 	 * Returns name.
 	 *

package/src/nodes/html-form-element/IHTMLFormElement.ts

@@ -1,3 +1,4 @@
+import Event from '../../event/Event';
 import IElement from '../element/IElement';
 import IHTMLElement from '../html-element/IHTMLElement';
 
@@ -20,6 +21,11 @@ export default interface IHTMLFormElement extends IHTMLElement {
 	elements: IElement[];
 	length: number;
 
+	// Events
+	onformdata: (event: Event) => void | null;
+	onreset: (event: Event) => void | null;
+	onsubmit: (event: Event) => void | null;
+
 	/**
 	 * Submits form.
 	 */

package/src/nodes/html-input-element/HTMLInputElement.ts

@@ -38,6 +38,11 @@ export default class HTMLInputElement extends HTMLElement implements IHTMLInputE
 	// Type specific: file
 	public files: File[] = [];
 
+	// Events
+	public oninput: (event: Event) => void | null = null;
+	public oninvalid: (event: Event) => void | null = null;
+	public onselectionchange: (event: Event) => void | null = null;
+
 	// Type specific: text/password/search/tel/url/week/month
 	private _selectionStart: number = null;
 	private _selectionEnd: number = null;

package/src/nodes/html-input-element/IHTMLInputElement.ts

@@ -3,6 +3,7 @@ import IHTMLElement from '../html-element/IHTMLElement';
 import IHTMLFormElement from '../html-form-element/IHTMLFormElement';
 import HTMLInputElementSelectionModeEnum from './HTMLInputElementSelectionModeEnum';
 import ValidityState from '../validity-state/ValidityState';
+import Event from '../../event/Event';
 
 /**
  * HTML Input Element.
@@ -53,6 +54,11 @@ export default interface IHTMLInputElement extends IHTMLElement {
 	valueAsNumber: number;
 	validationMessage: string;
 
+	// Events
+	oninput: (event: Event) => void | null;
+	oninvalid: (event: Event) => void | null;
+	onselectionchange: (event: Event) => void | null;
+
 	/**
 	 * Sets validation message.
 	 *

package/src/nodes/html-media-element/HTMLMediaElement.ts

@@ -44,14 +44,29 @@ export default class HTMLMediaElement extends HTMLElement implements IHTMLMediaE
 	public readonly played = getTimeRangeDummy();
 
 	// Events
-	public onabort: (event: Event) => void = null;
-	public oncanplay: (event: Event) => void = null;
-	public oncanplaythrough: (event: Event) => void = null;
-	public ondurationchange: (event: Event) => void = null;
-	public onemptied: (event: Event) => void = null;
-	public onended: (event: Event) => void = null;
-	public onerror: (event: ErrorEvent) => void = null;
-	public onloadeddata: (event: Event) => void = null;
+	public onabort: (event: Event) => void | null = null;
+	public oncanplay: (event: Event) => void | null = null;
+	public oncanplaythrough: (event: Event) => void | null = null;
+	public ondurationchange: (event: Event) => void | null = null;
+	public onemptied: (event: Event) => void | null = null;
+	public onended: (event: Event) => void | null = null;
+	public onerror: (event: ErrorEvent) => void | null = null;
+	public onloadeddata: (event: Event) => void | null = null;
+	public onloadedmetadata: (event: Event) => void | null = null;
+	public onloadstart: (event: Event) => void | null = null;
+	public onpause: (event: Event) => void | null = null;
+	public onplay: (event: Event) => void | null = null;
+	public onplaying: (event: Event) => void | null = null;
+	public onprogress: (event: Event) => void | null = null;
+	public onratechange: (event: Event) => void | null = null;
+	public onresize: (event: Event) => void | null = null;
+	public onseeked: (event: Event) => void | null = null;
+	public onseeking: (event: Event) => void | null = null;
+	public onstalled: (event: Event) => void | null = null;
+	public onsuspend: (event: Event) => void | null = null;
+	public ontimeupdate: (event: Event) => void | null = null;
+	public onvolumechange: (event: Event) => void | null = null;
+	public onwaiting: (event: Event) => void | null = null;
 
 	#volume = 1;
 	#paused = true;

package/src/nodes/html-media-element/IHTMLMediaElement.ts

@@ -1,3 +1,4 @@
+import Event from '../../event/Event';
 import IHTMLElement from '../html-element/IHTMLElement';
 
 /**
@@ -39,6 +40,31 @@ export default interface IHTMLMediaElement extends IHTMLElement {
 	src: string;
 	volume: number | string;
 
+	// Events
+	onabort: (event: Event) => void | null;
+	oncanplay: (event: Event) => void | null;
+	oncanplaythrough: (event: Event) => void | null;
+	ondurationchange: (event: Event) => void | null;
+	onemptied: (event: Event) => void | null;
+	onended: (event: Event) => void | null;
+	onerror: (event: Event) => void | null;
+	onloadeddata: (event: Event) => void | null;
+	onloadedmetadata: (event: Event) => void | null;
+	onloadstart: (event: Event) => void | null;
+	onpause: (event: Event) => void | null;
+	onplay: (event: Event) => void | null;
+	onplaying: (event: Event) => void | null;
+	onprogress: (event: Event) => void | null;
+	onratechange: (event: Event) => void | null;
+	onresize: (event: Event) => void | null;
+	onseeked: (event: Event) => void | null;
+	onseeking: (event: Event) => void | null;
+	onstalled: (event: Event) => void | null;
+	onsuspend: (event: Event) => void | null;
+	ontimeupdate: (event: Event) => void | null;
+	onvolumechange: (event: Event) => void | null;
+	onwaiting: (event: Event) => void | null;
+
 	/**
 	 * A MediaStream object which can be used as a source for audio and/or video data by other media processing code,
 	 * or as a source for WebRTC.

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

@@ -12,6 +12,7 @@ import IHTMLOptionsCollection from '../html-option-element/IHTMLOptionsCollectio
 import INodeList from '../node/INodeList';
 import HTMLSelectElementValueSanitizer from './HTMLSelectElementValueSanitizer';
 import IHTMLSelectElement from './IHTMLSelectElement';
+import Event from '../../event/Event';
 
 /**
  * HTML Select Element.
@@ -23,6 +24,10 @@ export default class HTMLSelectElement extends HTMLElement implements IHTMLSelec
 	public type: string;
 	public labels: INodeList<IHTMLLabelElement>;
 
+	// Events
+	public onchange: (event: Event) => void | null = null;
+	public oninput: (event: Event) => void | null = null;
+
 	public _value = null;
 	public _selectedIndex = -1;
 	public _options: IHTMLOptionsCollection = null;

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

@@ -4,6 +4,7 @@ import IHTMLLabelElement from '../html-label-element/IHTMLLabelElement';
 import INodeList from '../node/INodeList';
 import IHTMLOptionsCollection from '../html-option-element/IHTMLOptionsCollection';
 import ValidityState from '../validity-state/ValidityState';
+import Event from '../../event/Event';
 
 /**
  * HTML Select Element.
@@ -24,4 +25,8 @@ export default interface IHTMLSelectElement extends IHTMLElement {
 	willValidate: boolean;
 	name: string;
 	multiple: boolean;
+
+	// Events
+	onchange: (event: Event) => void | null;
+	oninput: (event: Event) => void | null;
 }

package/src/nodes/html-slot-element/HTMLSlotElement.ts

@@ -4,6 +4,7 @@ import IHTMLSlotElement from './IHTMLSlotElement';
 import IText from '../text/IText';
 import IElement from '../element/IElement';
 import INode from '../node/INode';
+import Event from '../../event/Event';
 
 /**
  * HTML Slot Element.
@@ -12,6 +13,9 @@ import INode from '../node/INode';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement.
  */
 export default class HTMLSlotElement extends HTMLElement implements IHTMLSlotElement {
+	// Events
+	public onslotchange: (event: Event) => void | null = null;
+
 	/**
 	 * Returns name.
 	 *

package/src/nodes/html-slot-element/IHTMLSlotElement.ts

@@ -2,6 +2,7 @@ import IHTMLElement from '../html-element/IHTMLElement';
 import IText from '../text/IText';
 import IElement from '../element/IElement';
 import INode from '../node/INode';
+import Event from '../../event/Event';
 
 /**
  * HTML Slot Element.
@@ -10,6 +11,9 @@ import INode from '../node/INode';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement.
  */
 export default interface IHTMLSlotElement extends IHTMLElement {
+	// Events
+	onslotchange: (event: Event) => void | null;
+
 	name: string;
 
 	/**

package/src/nodes/html-text-area-element/HTMLTextAreaElement.ts

@@ -16,11 +16,16 @@ import IHTMLTextAreaElement from './IHTMLTextAreaElement';
  */
 export default class HTMLTextAreaElement extends HTMLElement implements IHTMLTextAreaElement {
 	public readonly type = 'textarea';
+	public defaultValue = '';
+
+	// Events
+	public oninput: (event: Event) => void | null = null;
+	public onselectionchange: (event: Event) => void | null = null;
+
 	public _value = null;
 	public _selectionStart = null;
 	public _selectionEnd = null;
 	public _selectionDirection = HTMLInputElementSelectionDirectionEnum.none;
-	public defaultValue = '';
 
 	/**
 	 * Returns minlength.

package/src/nodes/html-text-area-element/IHTMLTextAreaElement.ts

@@ -1,3 +1,4 @@
+import Event from '../../event/Event';
 import IHTMLElement from '../html-element/IHTMLElement';
 import IHTMLFormElement from '../html-form-element/IHTMLFormElement';
 import HTMLInputElementSelectionModeEnum from '../html-input-element/HTMLInputElementSelectionModeEnum';
@@ -30,6 +31,10 @@ export default interface IHTMLTextAreaElement extends IHTMLElement {
 	selectionDirection: string;
 	textLength: number;
 
+	// Events
+	oninput: (event: Event) => void | null;
+	onselectionchange: (event: Event) => void | null;
+
 	/**
 	 * Set selection range.
 	 *

package/src/nodes/node/INode.ts

@@ -3,6 +3,7 @@ import IDocument from '../document/IDocument';
 import IElement from '../element/IElement';
 import INodeList from './INodeList';
 import NodeTypeEnum from './NodeTypeEnum';
+import NodeDocumentPositionEnum from './NodeDocumentPositionEnum';
 
 export default interface INode extends IEventTarget {
 	readonly ELEMENT_NODE: NodeTypeEnum;
@@ -14,6 +15,12 @@ export default interface INode extends IEventTarget {
 	readonly DOCUMENT_TYPE_NODE: NodeTypeEnum;
 	readonly DOCUMENT_FRAGMENT_NODE: NodeTypeEnum;
 	readonly PROCESSING_INSTRUCTION_NODE: NodeTypeEnum;
+	readonly DOCUMENT_POSITION_DISCONNECTED: NodeDocumentPositionEnum;
+	readonly DOCUMENT_POSITION_PRECEDING: NodeDocumentPositionEnum;
+	readonly DOCUMENT_POSITION_FOLLOWING: NodeDocumentPositionEnum;
+	readonly DOCUMENT_POSITION_CONTAINS: NodeDocumentPositionEnum;
+	readonly DOCUMENT_POSITION_CONTAINED_BY: NodeDocumentPositionEnum;
+	readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: NodeDocumentPositionEnum;
 	readonly ownerDocument: IDocument;
 	readonly parentNode: INode;
 	readonly parentElement: IElement;
@@ -39,4 +46,5 @@ export default interface INode extends IEventTarget {
 	insertBefore(newNode: INode, referenceNode?: INode | null): INode;
 	replaceChild(newChild: INode, oldChild: INode): INode;
 	toString(): string;
+	compareDocumentPosition(otherNode: INode): number;
 }

package/src/nodes/node/Node.ts

@@ -11,6 +11,9 @@ import IHTMLBaseElement from '../html-base-element/IHTMLBaseElement';
 import INodeList from './INodeList';
 import NodeListFactory from './NodeListFactory';
 import NodeTypeEnum from './NodeTypeEnum';
+import NodeDocumentPositionEnum from './NodeDocumentPositionEnum';
+import NodeUtility from './NodeUtility';
+import IAttr from '../attr/IAttr';
 
 /**
  * Node.
@@ -29,6 +32,13 @@ export default class Node extends EventTarget implements INode {
 	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 static readonly DOCUMENT_POSITION_CONTAINED_BY = NodeDocumentPositionEnum.containedBy;
+	public static readonly DOCUMENT_POSITION_CONTAINS = NodeDocumentPositionEnum.contains;
+	public static readonly DOCUMENT_POSITION_DISCONNECTED = NodeDocumentPositionEnum.disconnect;
+	public static readonly DOCUMENT_POSITION_FOLLOWING = NodeDocumentPositionEnum.following;
+	public static readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC =
+		NodeDocumentPositionEnum.implementationSpecific;
+	public static readonly DOCUMENT_POSITION_PRECEDING = NodeDocumentPositionEnum.preceding;
 	public readonly ELEMENT_NODE = NodeTypeEnum.elementNode;
 	public readonly ATTRIBUTE_NODE = NodeTypeEnum.attributeNode;
 	public readonly TEXT_NODE = NodeTypeEnum.textNode;
@@ -38,6 +48,13 @@ export default class Node extends EventTarget implements INode {
 	public readonly DOCUMENT_TYPE_NODE = NodeTypeEnum.documentTypeNode;
 	public readonly DOCUMENT_FRAGMENT_NODE = NodeTypeEnum.documentFragmentNode;
 	public readonly PROCESSING_INSTRUCTION_NODE = NodeTypeEnum.processingInstructionNode;
+	public readonly DOCUMENT_POSITION_CONTAINED_BY = NodeDocumentPositionEnum.containedBy;
+	public readonly DOCUMENT_POSITION_CONTAINS = NodeDocumentPositionEnum.contains;
+	public readonly DOCUMENT_POSITION_DISCONNECTED = NodeDocumentPositionEnum.disconnect;
+	public readonly DOCUMENT_POSITION_FOLLOWING = NodeDocumentPositionEnum.following;
+	public readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC =
+		NodeDocumentPositionEnum.implementationSpecific;
+	public readonly DOCUMENT_POSITION_PRECEDING = NodeDocumentPositionEnum.preceding;
 	public readonly ownerDocument: IDocument = null;
 	public readonly parentNode: INode = null;
 	public readonly nodeType: number;
@@ -444,7 +461,7 @@ export default class Node extends EventTarget implements INode {
 			}
 
 			// eslint-disable-next-line
-			if(event.composed && (<any>this).host) {
+			if (event.composed && (<any>this).host) {
 				// eslint-disable-next-line
 				return (<any>this).host.dispatchEvent(event);
 			}
@@ -528,4 +545,177 @@ export default class Node extends EventTarget implements INode {
 			}
 		}
 	}
+
+	/**
+	 * Reports the position of its argument node relative to the node on which it is called.
+	 *
+	 * @see https://dom.spec.whatwg.org/#dom-node-comparedocumentposition
+	 * @param otherNode Other node.
+	 */
+	public compareDocumentPosition(otherNode: INode): number {
+		/**
+		 * 1. If this is other, then return zero.
+		 */
+		if (this === otherNode) {
+			return 0;
+		}
+
+		/**
+		 * 2. Let node1 be other and node2 be this.
+		 */
+		let node1: INode = otherNode;
+		let node2: INode = this;
+
+		/**
+		 * 3. Let attr1 and attr2 be null.
+		 */
+		let attr1 = null;
+		let attr2 = null;
+
+		/**
+		 * 4. If node1 is an attribute, then set attr1 to node1 and node1 to attr1’s element.
+		 */
+		if (node1.nodeType === Node.ATTRIBUTE_NODE) {
+			attr1 = node1;
+			node1 = (<IAttr>attr1).ownerElement;
+		}
+
+		/**
+		 * 5. If node2 is an attribute, then:
+		 * 5.1. Set attr2 to node2 and node2 to attr2’s element.
+		 */
+		if (node2.nodeType === Node.ATTRIBUTE_NODE) {
+			attr2 = node2;
+			node2 = (<IAttr>attr2).ownerElement;
+
+			/**
+			 * 5.2. If attr1 and node1 are non-null, and node2 is node1, then:
+			 */
+			if (attr1 !== null && node1 !== null && node2 === node1) {
+				/**
+				 * 5.2.1. For each attr in node2’s attribute list:
+				 */
+				for (const attr of Object.values((<IElement>node2).attributes)) {
+					/**
+					 * 5.2.1.1. If attr equals attr1, then return the result of adding DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC and DOCUMENT_POSITION_PRECEDING.
+					 */
+					if (NodeUtility.nodeEquals(<IAttr>attr, attr1)) {
+						return (
+							Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC | Node.DOCUMENT_POSITION_PRECEDING
+						);
+					}
+
+					/**
+					 * 5.2.1.2. If attr equals attr2, then return the result of adding DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC and DOCUMENT_POSITION_FOLLOWING.
+					 */
+					if (NodeUtility.nodeEquals(<IAttr>attr, attr2)) {
+						return (
+							Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC | Node.DOCUMENT_POSITION_FOLLOWING
+						);
+					}
+				}
+			}
+		}
+
+		const node2Ancestors: INode[] = [];
+		let node2Ancestor: INode = node2;
+
+		while (node2Ancestor) {
+			/**
+			 * 7. If node1 is an ancestor of node2 […] then return the result of adding DOCUMENT_POSITION_CONTAINS to DOCUMENT_POSITION_PRECEDING.
+			 */
+			if (node2Ancestor === node1) {
+				return Node.DOCUMENT_POSITION_CONTAINS | Node.DOCUMENT_POSITION_PRECEDING;
+			}
+
+			node2Ancestors.push(node2Ancestor);
+			node2Ancestor = node2Ancestor.parentNode;
+		}
+
+		const node1Ancestors: INode[] = [];
+		let node1Ancestor: INode = node1;
+
+		while (node1Ancestor) {
+			/**
+			 * 8. If node1 is a descendant of node2 […] then return the result of adding DOCUMENT_POSITION_CONTAINED_BY to DOCUMENT_POSITION_FOLLOWING.
+			 */
+			if (node1Ancestor === node2) {
+				return Node.DOCUMENT_POSITION_CONTAINED_BY | Node.DOCUMENT_POSITION_FOLLOWING;
+			}
+
+			node1Ancestors.push(node1Ancestor);
+			node1Ancestor = node1Ancestor.parentNode;
+		}
+
+		const reverseArrayIndex = (array: INode[], reverseIndex: number): INode => {
+			return array[array.length - 1 - reverseIndex];
+		};
+
+		const root = reverseArrayIndex(node2Ancestors, 0);
+
+		/**
+		 * 6. If node1 or node2 is null, or node1’s root is not node2’s root, then return the result of adding
+		 * DOCUMENT_POSITION_DISCONNECTED, DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC, and either
+		 * DOCUMENT_POSITION_PRECEDING or DOCUMENT_POSITION_FOLLOWING, with the constraint that this is to be consistent, together.
+		 */
+		if (!root || root !== reverseArrayIndex(node1Ancestors, 0)) {
+			return (
+				Node.DOCUMENT_POSITION_DISCONNECTED |
+				Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC |
+				Node.DOCUMENT_POSITION_FOLLOWING
+			);
+		}
+
+		// Find the lowest common ancestor
+		let commonAncestorIndex = 0;
+		const ancestorsMinLength = Math.min(node2Ancestors.length, node1Ancestors.length);
+
+		for (let i = 0; i < ancestorsMinLength; ++i) {
+			const node2Ancestor = reverseArrayIndex(node2Ancestors, i);
+			const node1Ancestor = reverseArrayIndex(node1Ancestors, i);
+
+			if (node2Ancestor !== node1Ancestor) {
+				break;
+			}
+
+			commonAncestorIndex = i;
+		}
+
+		const commonAncestor = reverseArrayIndex(node2Ancestors, commonAncestorIndex);
+
+		// Indexes within the common ancestor
+		let indexes = 0;
+		let node2Index = -1;
+		let node1Index = -1;
+		const node2Node = reverseArrayIndex(node2Ancestors, commonAncestorIndex + 1);
+		const node1Node = reverseArrayIndex(node1Ancestors, commonAncestorIndex + 1);
+
+		const computeNodeIndexes = (nodes: INode[]): void => {
+			for (const childNode of nodes) {
+				computeNodeIndexes(childNode.childNodes);
+
+				if (childNode === node2Node) {
+					node2Index = indexes;
+				} else if (childNode === node1Node) {
+					node1Index = indexes;
+				}
+
+				if (node2Index !== -1 && node1Index !== -1) {
+					break;
+				}
+
+				indexes++;
+			}
+		};
+
+		computeNodeIndexes(commonAncestor.childNodes);
+
+		/**
+		 * 9. If node1 is preceding node2, then return DOCUMENT_POSITION_PRECEDING.
+		 * 10. Return DOCUMENT_POSITION_FOLLOWING.
+		 */
+		return node1Index < node2Index
+			? Node.DOCUMENT_POSITION_PRECEDING
+			: Node.DOCUMENT_POSITION_FOLLOWING;
+	}
 }