document.createElement('input');
19 | const file1 = new File([''], 'file.txt');
20 | const file2 = new File([''], 'file2.txt');
21 |
22 | element.files.push(file1);
23 | element.files.push(file2);
24 |
25 | expect(element.files.item(0)).toBe(file1);
26 | expect(element.files.item(1)).toBe(file2);
27 | });
28 | });
29 | });
30 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-link-element/preload-resources/data.json:
--------------------------------------------------------------------------------
1 | { "data": "loaded" }
2 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-link-element/preload-resources/main.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line no-console
2 | console.log('Resource loaded');
3 |
4 | (async () => {
5 | const data = await fetch('preload/data.json');
6 | // eslint-disable-next-line no-console
7 | console.log(await data.json());
8 | })();
9 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-link-element/preload-resources/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: red;
3 | }
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-menu-element/HTMLMenuElement.test.ts:
--------------------------------------------------------------------------------
1 | import HTMLMenuElement from '../../../src/nodes/html-menu-element/HTMLMenuElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 |
6 | describe('HTMLMenuElement', () => {
7 | let window: Window;
8 | let document: Document;
9 | let element: HTMLMenuElement;
10 |
11 | beforeEach(() => {
12 | window = new Window();
13 | document = window.document;
14 | element = document.createElement('menu');
15 | });
16 |
17 | describe('constructor()', () => {
18 | it('Should be an instanceof HTMLMenuElement', () => {
19 | expect(element instanceof HTMLMenuElement).toBe(true);
20 | });
21 | });
22 | });
23 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-paragraph-element/HTMLParagraphElement.test.ts:
--------------------------------------------------------------------------------
1 | import HTMLParagraphElement from '../../../src/nodes/html-paragraph-element/HTMLParagraphElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 |
6 | describe('HTMLParagraphElement', () => {
7 | let window: Window;
8 | let document: Document;
9 | let element: HTMLParagraphElement;
10 |
11 | beforeEach(() => {
12 | window = new Window();
13 | document = window.document;
14 | element = document.createElement('p');
15 | });
16 |
17 | describe('constructor()', () => {
18 | it('Should be an instanceof HTMLParagraphElement', () => {
19 | expect(element instanceof HTMLParagraphElement).toBe(true);
20 | });
21 | });
22 | });
23 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-param-element/HTMLParamElement.test.ts:
--------------------------------------------------------------------------------
1 | import HTMLParamElement from '../../../src/nodes/html-param-element/HTMLParamElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 |
6 | describe('HTMLParamElement', () => {
7 | let window: Window;
8 | let document: Document;
9 | let element: HTMLParamElement;
10 |
11 | beforeEach(() => {
12 | window = new Window();
13 | document = window.document;
14 | element = document.createElement('param');
15 | });
16 |
17 | describe('constructor()', () => {
18 | it('Should be an instanceof HTMLParamElement', () => {
19 | expect(element instanceof HTMLParamElement).toBe(true);
20 | });
21 | });
22 | });
23 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-picture-element/HTMLPictureElement.test.ts:
--------------------------------------------------------------------------------
1 | import HTMLPictureElement from '../../../src/nodes/html-picture-element/HTMLPictureElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 |
6 | describe('HTMLPictureElement', () => {
7 | let window: Window;
8 | let document: Document;
9 | let element: HTMLPictureElement;
10 |
11 | beforeEach(() => {
12 | window = new Window();
13 | document = window.document;
14 | element = document.createElement('picture');
15 | });
16 |
17 | describe('constructor()', () => {
18 | it('Should be an instanceof HTMLPictureElement', () => {
19 | expect(element instanceof HTMLPictureElement).toBe(true);
20 | });
21 | });
22 | });
23 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-pre-element/HTMLPreElement.test.ts:
--------------------------------------------------------------------------------
1 | import HTMLPreElement from '../../../src/nodes/html-pre-element/HTMLPreElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 |
6 | describe('HTMLPreElement', () => {
7 | let window: Window;
8 | let document: Document;
9 | let element: HTMLPreElement;
10 |
11 | beforeEach(() => {
12 | window = new Window();
13 | document = window.document;
14 | element = document.createElement('pre');
15 | });
16 |
17 | describe('constructor()', () => {
18 | it('Should be an instanceof HTMLPreElement', () => {
19 | expect(element instanceof HTMLPreElement).toBe(true);
20 | });
21 | });
22 | });
23 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules-with-compilation-error/TestModuleElement.js:
--------------------------------------------------------------------------------
1 | import { toLowerCase, toUpperCase, trim } from './utilities/stringUtility.js';
2 |
3 | /* eslint-disable no-undef */
4 |
5 | /**
6 | * Module element.
7 | */
8 | class TestModule extends HTMLElement {
9 | /**
10 | * Constructor.
11 | */
12 | constructor() {
13 | super();
14 | this.attachShadow({ mode: 'open' });
15 | this.shadowRoot.adoptedStyleSheets = [Style];
16 | }
17 |
18 | /**
19 | * Connected callback.
20 | */
21 | connectedCallback() {
22 | this.shadowRoot.innerHTML = `
23 | Expect lower case: ${StringUtility.toLowerCase(Data.upperCase)}
24 | Expect upper case: ${toUpperCase(Data.lowerCase)}
25 | Expect lower case. ${toLowerCase(Data.upperCase)}
26 | Expect trimmed lower case: ${trim(Data.untrimmed)}
27 |
`;
28 | }
29 | }
30 |
31 | customElements.define('test-module', TestModule);
32 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules-with-compilation-error/utilities/stringUtility.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 |
3 | export const toLowerCase = (str) => str.toLowerCase();
4 |
5 | const toUpperCase = (str) => str.toUpperCase();
6 | const trim = (str) => str.trim();
7 |
8 | export error { toUpperCase, trim };
9 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules-with-evaluation-error/TestModuleElement.js:
--------------------------------------------------------------------------------
1 | import { toLowerCase, toUpperCase, trim } from './utilities/stringUtility.js';
2 |
3 | /* eslint-disable no-undef */
4 |
5 | /**
6 | * Module element.
7 | */
8 | class TestModule extends HTMLElement {
9 | /**
10 | * Constructor.
11 | */
12 | constructor() {
13 | super();
14 | this.attachShadow({ mode: 'open' });
15 | this.shadowRoot.adoptedStyleSheets = [Style];
16 | }
17 |
18 | /**
19 | * Connected callback.
20 | */
21 | connectedCallback() {
22 | this.shadowRoot.innerHTML = `
23 | Expect lower case: ${StringUtility.toLowerCase(Data.upperCase)}
24 | Expect upper case: ${toUpperCase(Data.lowerCase)}
25 | Expect lower case. ${toLowerCase(Data.upperCase)}
26 | Expect trimmed lower case: ${trim(Data.untrimmed)}
27 |
`;
28 | }
29 | }
30 |
31 | customElements.define('test-module', TestModule);
32 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules-with-evaluation-error/utilities/stringUtility.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 |
3 | export const toLowerCase = (str) => str.toLowerCase();
4 |
5 | const toUpperCase = (str) => str.toUpperCase();
6 | const trim = (str) => str.trim();
7 |
8 | (() => {
9 | console.log(notFound);
10 | })();
11 |
12 | export { toUpperCase, trim };
13 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules-with-import-map/default/utilities/StringUtilityClass.js:
--------------------------------------------------------------------------------
1 | import { apostrophWrapper } from 'external-scripts/utilities/apostrophWrapper.js';
2 |
3 | /* eslint-disable no-undef */
4 |
5 | window['moduleLoadOrder'] = window['moduleLoadOrder'] || [];
6 | window['moduleLoadOrder'].push('StringUtilityClass.js');
7 |
8 | /**
9 | * String utility.
10 | */
11 | export default class StringUtilityClass {
12 | /**
13 | * Converts a string to lower case.
14 | *
15 | * @param {string} value Value.
16 | * @returns {string} Lower case value.
17 | */
18 | static toLowerCase(value) {
19 | return apostrophWrapper(value.toLowerCase());
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules-with-import-map/default/utilities/lazyload.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 |
3 | window['moduleLoadOrder'] = window['moduleLoadOrder'] || [];
4 | window['moduleLoadOrder'].push('lazyload.js');
5 |
6 | const obj = { lazyloaded: true };
7 |
8 | export const { lazyloaded } = obj;
9 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules-with-import-map/external-resources/css/style.css:
--------------------------------------------------------------------------------
1 | div {
2 | background: red;
3 | }
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules-with-import-map/external-resources/json/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "lowerCase": "value",
3 | "upperCase": "VALUE",
4 | "untrimmed": " value "
5 | }
6 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules-with-import-map/external-scripts/utilities/apostrophWrapper.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 |
3 | window['moduleLoadOrder'] = window['moduleLoadOrder'] || [];
4 | window['moduleLoadOrder'].push('apostrophWrapper.js');
5 |
6 | export const apostrophWrapper = (str) => `"${str}"`;
7 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules-with-import-map/external-scripts/utilities/stringUtility.js:
--------------------------------------------------------------------------------
1 | import { apostrophWrapper } from './apostrophWrapper.js';
2 | import Data from 'second-external-resources/json/data.json' with { type: 'json' };
3 |
4 | /* eslint-disable no-undef */
5 |
6 | window['moduleLoadOrder'] = window['moduleLoadOrder'] || [];
7 | window['moduleLoadOrder'].push('stringUtility.js');
8 |
9 | export const toLowerCase = (str) => apostrophWrapper(str.toLowerCase());
10 |
11 | const toUpperCase = (str) => apostrophWrapper(str.toUpperCase());
12 | const trim = (str) => apostrophWrapper(str.trim());
13 | const getData = () => Data;
14 |
15 | export { toUpperCase, trim, getData };
16 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules-with-not-found-error/TestModuleElement.js:
--------------------------------------------------------------------------------
1 | import { toLowerCase, toUpperCase, trim } from './utilities/stringUtility.js';
2 |
3 | /* eslint-disable no-undef */
4 |
5 | /**
6 | * Module element.
7 | */
8 | class TestModule extends HTMLElement {
9 | /**
10 | * Constructor.
11 | */
12 | constructor() {
13 | super();
14 | this.attachShadow({ mode: 'open' });
15 | this.shadowRoot.adoptedStyleSheets = [Style];
16 | }
17 |
18 | /**
19 | * Connected callback.
20 | */
21 | connectedCallback() {
22 | this.shadowRoot.innerHTML = `
23 | Expect lower case: ${StringUtility.toLowerCase(Data.upperCase)}
24 | Expect upper case: ${toUpperCase(Data.lowerCase)}
25 | Expect lower case. ${toLowerCase(Data.upperCase)}
26 | Expect trimmed lower case: ${trim(Data.untrimmed)}
27 |
`;
28 | }
29 | }
30 |
31 | customElements.define('test-module', TestModule);
32 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules-with-not-found-error/utilities/stringUtility.js:
--------------------------------------------------------------------------------
1 | import { notFound } from './notFound.js';
2 |
3 | export const toLowerCase = (str) => notFound(str.toLowerCase());
4 |
5 | const toUpperCase = (str) => notFound(str.toUpperCase());
6 | const trim = (str) => notFound(str.trim());
7 |
8 | export { toUpperCase, trim };
9 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules/css/style.css:
--------------------------------------------------------------------------------
1 | div {
2 | background: red;
3 | }
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules/json/data.json:
--------------------------------------------------------------------------------
1 | {
2 | "lowerCase": "value",
3 | "upperCase": "VALUE",
4 | "untrimmed": " value "
5 | }
6 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules/utilities/StringUtilityClass.js:
--------------------------------------------------------------------------------
1 | import { apostrophWrapper } from './apostrophWrapper.js';
2 |
3 | /* eslint-disable no-undef */
4 |
5 | window['moduleLoadOrder'] = window['moduleLoadOrder'] || [];
6 | window['moduleLoadOrder'].push('StringUtilityClass.js');
7 |
8 | /**
9 | * String utility.
10 | */
11 | export default class StringUtilityClass {
12 | /**
13 | * Converts a string to lower case.
14 | *
15 | * @param {string} value Value.
16 | * @returns {string} Lower case value.
17 | */
18 | static toLowerCase(value) {
19 | return apostrophWrapper(value.toLowerCase());
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules/utilities/apostrophWrapper.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 |
3 | window['moduleLoadOrder'] = window['moduleLoadOrder'] || [];
4 | window['moduleLoadOrder'].push('apostrophWrapper.js');
5 |
6 | export const apostrophWrapper = (str) => `"${str}"`;
7 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules/utilities/lazyload.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-undef */
2 |
3 | window['moduleLoadOrder'] = window['moduleLoadOrder'] || [];
4 | window['moduleLoadOrder'].push('lazyload.js');
5 |
6 | const obj = { lazyloaded: true };
7 |
8 | export const { lazyloaded } = obj;
9 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-script-element/modules/utilities/stringUtility.js:
--------------------------------------------------------------------------------
1 | import { apostrophWrapper } from './apostrophWrapper.js';
2 |
3 | /* eslint-disable no-undef */
4 |
5 | window['moduleLoadOrder'] = window['moduleLoadOrder'] || [];
6 | window['moduleLoadOrder'].push('stringUtility.js');
7 |
8 | export const toLowerCase = (str) => apostrophWrapper(str.toLowerCase());
9 |
10 | const toUpperCase = (str) => apostrophWrapper(str.toUpperCase());
11 | const trim = (str) => apostrophWrapper(str.trim());
12 |
13 | export { toUpperCase, trim };
14 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-select-element/__snapshots__/HTMLSelectElement.test.ts.snap:
--------------------------------------------------------------------------------
1 | // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2 |
3 | exports[`HTMLSelectElement > constructor() > Matches snapshot. 1`] = `
4 |
12 | `;
13 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-slot-element/CustomElementWithNamedSlots.ts:
--------------------------------------------------------------------------------
1 | import HTMLElement from '../../../src/nodes/html-element/HTMLElement.js';
2 | import ShadowRoot from '../../../src/nodes/shadow-root/ShadowRoot.js';
3 |
4 | /**
5 | * Custom element test class.
6 | */
7 | export default class CustomElementWithNamedSlots extends HTMLElement {
8 | /**
9 | * Constructor.
10 | */
11 | constructor() {
12 | super();
13 | this.attachShadow({ mode: 'open' });
14 | }
15 |
16 | /**
17 | * @override
18 | */
19 | public connectedCallback(): void {
20 | (this.shadowRoot).innerHTML = `
21 |
22 |
23 |
24 |
25 |
26 | `;
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-slot-element/CustomElementWithSlot.ts:
--------------------------------------------------------------------------------
1 | import HTMLElement from '../../../src/nodes/html-element/HTMLElement.js';
2 | import ShadowRoot from '../../../src/nodes/shadow-root/ShadowRoot.js';
3 |
4 | /**
5 | * Custom element test class.
6 | */
7 | export default class CustomElementWithSlot extends HTMLElement {
8 | /**
9 | * Constructor.
10 | */
11 | constructor() {
12 | super();
13 | this.attachShadow({ mode: 'open' });
14 | }
15 |
16 | /**
17 | * @override
18 | */
19 | public connectedCallback(): void {
20 | (this.shadowRoot).innerHTML = `
21 |
22 |
23 |
24 | `;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-span-element/HTMLSpanElement.test.ts:
--------------------------------------------------------------------------------
1 | import HTMLSpanElement from '../../../src/nodes/html-span-element/HTMLSpanElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 |
6 | describe('HTMLSpanElement', () => {
7 | let window: Window;
8 | let document: Document;
9 | let element: HTMLSpanElement;
10 |
11 | beforeEach(() => {
12 | window = new Window();
13 | document = window.document;
14 | element = document.createElement('span');
15 | });
16 |
17 | describe('constructor()', () => {
18 | it('Should be an instanceof HTMLSpanElement', () => {
19 | expect(element instanceof HTMLSpanElement).toBe(true);
20 | });
21 | });
22 | });
23 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-table-caption-element/HTMLTableCaptionElement.test.ts:
--------------------------------------------------------------------------------
1 | import HTMLTableCaptionElement from '../../../src/nodes/html-table-caption-element/HTMLTableCaptionElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 |
6 | describe('HTMLTableCaptionElement', () => {
7 | let window: Window;
8 | let document: Document;
9 | let element: HTMLTableCaptionElement;
10 |
11 | beforeEach(() => {
12 | window = new Window();
13 | document = window.document;
14 | element = document.createElement('caption');
15 | });
16 |
17 | describe('constructor()', () => {
18 | it('Should be an instanceof HTMLTableCaptionElement', () => {
19 | expect(element instanceof HTMLTableCaptionElement).toBe(true);
20 | });
21 | });
22 | });
23 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-table-col-element/HTMLTableColElement.test.ts:
--------------------------------------------------------------------------------
1 | import HTMLTableColElement from '../../../src/nodes/html-table-col-element/HTMLTableColElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 |
6 | describe('HTMLTableColElement', () => {
7 | let window: Window;
8 | let document: Document;
9 | let element: HTMLTableColElement;
10 |
11 | beforeEach(() => {
12 | window = new Window();
13 | document = window.document;
14 | element = document.createElement('colgroup');
15 | });
16 |
17 | describe('constructor()', () => {
18 | it('Should be an instanceof HTMLTableColElement', () => {
19 | expect(element instanceof HTMLTableColElement).toBe(true);
20 | });
21 | });
22 | });
23 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/html-u-list-element/HTMLUListElement.test.ts:
--------------------------------------------------------------------------------
1 | import HTMLUListElement from '../../../src/nodes/html-u-list-element/HTMLUListElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 |
6 | describe('HTMLUListElement', () => {
7 | let window: Window;
8 | let document: Document;
9 | let element: HTMLUListElement;
10 |
11 | beforeEach(() => {
12 | window = new Window();
13 | document = window.document;
14 | element = document.createElement('ul');
15 | });
16 |
17 | describe('constructor()', () => {
18 | it('Should be an instanceof HTMLUListElement', () => {
19 | expect(element instanceof HTMLUListElement).toBe(true);
20 | });
21 | });
22 | });
23 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/svg-animate-element/SVGAnimateElement.test.ts:
--------------------------------------------------------------------------------
1 | import SVGAnimateElement from '../../../src/nodes/svg-animate-element/SVGAnimateElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 | import SVGAnimationElement from '../../../src/nodes/svg-animation-element/SVGAnimationElement.js';
6 |
7 | describe('SVGAnimateElement', () => {
8 | let window: Window;
9 | let document: Document;
10 | let element: SVGAnimateElement;
11 |
12 | beforeEach(() => {
13 | window = new Window();
14 | document = window.document;
15 | element = document.createElementNS('http://www.w3.org/2000/svg', 'animate');
16 | });
17 |
18 | describe('constructor()', () => {
19 | it('Should be an instanceof SVGAnimateElement', () => {
20 | expect(element instanceof SVGAnimateElement).toBe(true);
21 | });
22 |
23 | it('Should be an instanceof SVGAnimationElement', () => {
24 | expect(element instanceof SVGAnimationElement).toBe(true);
25 | });
26 | });
27 | });
28 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/svg-defs-element/SVGDefsElement.test.ts:
--------------------------------------------------------------------------------
1 | import SVGDefsElement from '../../../src/nodes/svg-defs-element/SVGDefsElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 | import SVGGraphicsElement from '../../../src/nodes/svg-graphics-element/SVGGraphicsElement.js';
6 |
7 | describe('SVGDefsElement', () => {
8 | let window: Window;
9 | let document: Document;
10 | let element: SVGDefsElement;
11 |
12 | beforeEach(() => {
13 | window = new Window();
14 | document = window.document;
15 | element = document.createElementNS('http://www.w3.org/2000/svg', 'defs');
16 | });
17 |
18 | describe('constructor()', () => {
19 | it('Should be an instanceof SVGDefsElement', () => {
20 | expect(element instanceof SVGDefsElement).toBe(true);
21 | });
22 |
23 | it('Should be an instanceof SVGGraphicsElement', () => {
24 | expect(element instanceof SVGGraphicsElement).toBe(true);
25 | });
26 | });
27 | });
28 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/svg-desc-element/SVGDescElement.test.ts:
--------------------------------------------------------------------------------
1 | import SVGDescElement from '../../../src/nodes/svg-desc-element/SVGDescElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 | import SVGElement from '../../../src/nodes/svg-element/SVGElement.js';
6 |
7 | describe('SVGDescElement', () => {
8 | let window: Window;
9 | let document: Document;
10 | let element: SVGDescElement;
11 |
12 | beforeEach(() => {
13 | window = new Window();
14 | document = window.document;
15 | element = document.createElementNS('http://www.w3.org/2000/svg', 'desc');
16 | });
17 |
18 | describe('constructor()', () => {
19 | it('Should be an instanceof SVGDescElement', () => {
20 | expect(element instanceof SVGDescElement).toBe(true);
21 | });
22 |
23 | it('Should be an instanceof SVGElement', () => {
24 | expect(element instanceof SVGElement).toBe(true);
25 | });
26 | });
27 | });
28 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/svg-g-element/SVGGElement.test.ts:
--------------------------------------------------------------------------------
1 | import SVGGElement from '../../../src/nodes/svg-g-element/SVGGElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 | import SVGGraphicsElement from '../../../src/nodes/svg-graphics-element/SVGGraphicsElement.js';
6 | import BrowserWindow from '../../../src/window/BrowserWindow.js';
7 |
8 | describe('SVGGElement', () => {
9 | let window: BrowserWindow;
10 | let document: Document;
11 | let element: SVGGElement;
12 |
13 | beforeEach(() => {
14 | window = new Window();
15 | document = window.document;
16 | element = document.createElementNS('http://www.w3.org/2000/svg', 'g');
17 | });
18 |
19 | describe('constructor()', () => {
20 | it('Should be an instanceof SVGGElement', () => {
21 | expect(element instanceof SVGGElement).toBe(true);
22 | });
23 |
24 | it('Should be an instanceof SVGGraphicsElement', () => {
25 | expect(element instanceof SVGGraphicsElement).toBe(true);
26 | });
27 | });
28 | });
29 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/svg-metadata-element/SVGMetadataElement.test.ts:
--------------------------------------------------------------------------------
1 | import SVGMetadataElement from '../../../src/nodes/svg-metadata-element/SVGMetadataElement.js';
2 | import BrowserWindow from '../../../src/window/BrowserWindow.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 | import SVGElement from '../../../src/nodes/svg-element/SVGElement.js';
6 | import Window from '../../../src/window/Window.js';
7 |
8 | describe('SVGMetadataElement', () => {
9 | let window: BrowserWindow;
10 | let document: Document;
11 | let element: SVGMetadataElement;
12 |
13 | beforeEach(() => {
14 | window = new Window();
15 | document = window.document;
16 | element = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
17 | });
18 |
19 | describe('constructor()', () => {
20 | it('Should be an instanceof SVGMetadataElement', () => {
21 | expect(element instanceof SVGMetadataElement).toBe(true);
22 | });
23 |
24 | it('Should be an instanceof SVGElement', () => {
25 | expect(element instanceof SVGElement).toBe(true);
26 | });
27 | });
28 | });
29 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/svg-path-element/SVGPathElement.test.ts:
--------------------------------------------------------------------------------
1 | import SVGPathElement from '../../../src/nodes/svg-path-element/SVGPathElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import BrowserWindow from '../../../src/window/BrowserWindow.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 | import SVGGeometryElement from '../../../src/nodes/svg-geometry-element/SVGGeometryElement.js';
6 | import Document from '../../../src/nodes/document/Document.js';
7 |
8 | describe('SVGPathElement', () => {
9 | let window: BrowserWindow;
10 | let document: Document;
11 | let element: SVGPathElement;
12 |
13 | beforeEach(() => {
14 | window = new Window();
15 | document = window.document;
16 | element = document.createElementNS('http://www.w3.org/2000/svg', 'path');
17 | });
18 |
19 | describe('constructor()', () => {
20 | it('Should be an instanceof SVGPathElement', () => {
21 | expect(element instanceof SVGPathElement).toBe(true);
22 | });
23 |
24 | it('Should be an instanceof SVGGeometryElement', () => {
25 | expect(element instanceof SVGGeometryElement).toBe(true);
26 | });
27 | });
28 | });
29 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/svg-set-element/SVGSetElement.test.ts:
--------------------------------------------------------------------------------
1 | import SVGSetElement from '../../../src/nodes/svg-set-element/SVGSetElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 | import SVGAnimationElement from '../../../src/nodes/svg-animation-element/SVGAnimationElement.js';
6 | import BrowserWindow from '../../../src/window/BrowserWindow.js';
7 |
8 | describe('SVGSetElement', () => {
9 | let window: BrowserWindow;
10 | let document: Document;
11 | let element: SVGSetElement;
12 |
13 | beforeEach(() => {
14 | window = new Window();
15 | document = window.document;
16 | element = document.createElementNS('http://www.w3.org/2000/svg', 'set');
17 | });
18 |
19 | describe('constructor()', () => {
20 | it('Should be an instanceof SVGSetElement', () => {
21 | expect(element instanceof SVGSetElement).toBe(true);
22 | });
23 |
24 | it('Should be an instanceof SVGAnimationElement', () => {
25 | expect(element instanceof SVGAnimationElement).toBe(true);
26 | });
27 | });
28 | });
29 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/svg-title-element/SVGTitleElement.test.ts:
--------------------------------------------------------------------------------
1 | import SVGTitleElement from '../../../src/nodes/svg-title-element/SVGTitleElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 | import BrowserWindow from '../../../src/window/BrowserWindow.js';
6 | import SVGElement from '../../../src/nodes/svg-element/SVGElement.js';
7 |
8 | describe('SVGTitleElement', () => {
9 | let window: BrowserWindow;
10 | let document: Document;
11 | let element: SVGTitleElement;
12 |
13 | beforeEach(() => {
14 | window = new Window();
15 | document = window.document;
16 | element = document.createElementNS('http://www.w3.org/2000/svg', 'title');
17 | });
18 |
19 | describe('constructor()', () => {
20 | it('Should be an instanceof SVGTitleElement', () => {
21 | expect(element instanceof SVGTitleElement).toBe(true);
22 | });
23 |
24 | it('Should be an instanceof SVGElement', () => {
25 | expect(element instanceof SVGElement).toBe(true);
26 | });
27 | });
28 | });
29 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/nodes/svg-view-element/SVGViewElement.test.ts:
--------------------------------------------------------------------------------
1 | import SVGViewElement from '../../../src/nodes/svg-view-element/SVGViewElement.js';
2 | import Window from '../../../src/window/Window.js';
3 | import Document from '../../../src/nodes/document/Document.js';
4 | import { beforeEach, describe, it, expect } from 'vitest';
5 | import BrowserWindow from '../../../src/window/BrowserWindow.js';
6 | import SVGElement from '../../../src/nodes/svg-element/SVGElement.js';
7 |
8 | describe('SVGViewElement', () => {
9 | let window: BrowserWindow;
10 | let document: Document;
11 | let element: SVGViewElement;
12 |
13 | beforeEach(() => {
14 | window = new Window();
15 | document = window.document;
16 | element = document.createElementNS('http://www.w3.org/2000/svg', 'view');
17 | });
18 |
19 | describe('constructor()', () => {
20 | it('Should be an instanceof SVGViewElement', () => {
21 | expect(element instanceof SVGViewElement).toBe(true);
22 | });
23 |
24 | it('Should be an instanceof SVGElement', () => {
25 | expect(element instanceof SVGElement).toBe(true);
26 | });
27 | });
28 | });
29 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/query-selector/data/QuerySelectorHTML.ts:
--------------------------------------------------------------------------------
1 | export default `
2 |
3 |
4 |
Heading1
5 |
6 |
7 | Span1
8 | Span2
9 | Span3
10 |
11 |
13 |
14 |
Heading1
15 |
16 |
17 | `.trim();
18 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/query-selector/data/QuerySelectorNthChildHTML.ts:
--------------------------------------------------------------------------------
1 | export default `
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
8 |
9 | Bold
10 |
11 | Span
12 |
13 |
14 |
15 | Bold
16 |
17 |
18 |
19 |
20 | `.trim();
21 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/types.d.ts:
--------------------------------------------------------------------------------
1 | declare let mockModule: (name: string, module: unknown) => void;
2 | declare let resetMockedModules: () => void;
3 |
--------------------------------------------------------------------------------
/packages/happy-dom/test/url/URL.test.ts:
--------------------------------------------------------------------------------
1 | import URL from '../../src/url/URL.js';
2 | import Blob from '../../src/file/Blob.js';
3 | import { Blob as NodeJSBlob } from 'buffer';
4 | import { describe, it, expect } from 'vitest';
5 |
6 | describe('URL', () => {
7 | describe('createObjectURL()', () => {
8 | it('Creates a string containing a URL representing the object given in the parameter.', () => {
9 | const blob = new Blob(['TEST']);
10 | expect(URL.createObjectURL(blob).startsWith('blob:nodedata:')).toBe(true);
11 | });
12 |
13 | it('Supports Node.js Blob objects.', () => {
14 | const blob = new NodeJSBlob(['TEST']);
15 | expect(URL.createObjectURL(blob).startsWith('blob:nodedata:')).toBe(true);
16 | });
17 | });
18 | });
19 |
--------------------------------------------------------------------------------
/packages/happy-dom/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "outDir": "lib",
4 | "rootDir": "src",
5 | "target": "ES2022",
6 | "declaration": true,
7 | "declarationMap": true,
8 | "module": "Node16",
9 | "moduleResolution": "Node16",
10 | "esModuleInterop": true,
11 | "experimentalDecorators": true,
12 | "allowSyntheticDefaultImports": true,
13 | "resolveJsonModule": true,
14 | "noUnusedLocals": true,
15 | "noUnusedParameters": true,
16 | "removeComments": false,
17 | "preserveConstEnums": true,
18 | "sourceMap": true,
19 | "skipLibCheck": true,
20 | "baseUrl": ".",
21 | "composite": false,
22 | "incremental": false,
23 | "lib": [
24 | "ES2022"
25 | ],
26 | "types": [
27 | "node"
28 | ]
29 | },
30 | "include": [
31 | "@types/node",
32 | "src"
33 | ],
34 | "exclude": [
35 | "@types/dom"
36 | ]
37 | }
--------------------------------------------------------------------------------
/packages/happy-dom/vitest.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vitest/config';
2 |
3 | export default defineConfig({
4 | test: {
5 | environment: 'node',
6 | include: ['./test/**/*.test.ts'],
7 | setupFiles: ['./test/setup.ts'],
8 | testTimeout: 500,
9 | restoreMocks: true
10 | }
11 | });
12 |
--------------------------------------------------------------------------------
/packages/integration-test/.editorconfig:
--------------------------------------------------------------------------------
1 | # EditorConfig is awesome: http://EditorConfig.org
2 |
3 | # top-most EditorConfig file
4 | root = true
5 |
6 | # Indentation override for all JS under lib directory
7 | [{**.js,**.ts,**.json}]
8 | indent_style = tab
--------------------------------------------------------------------------------
/packages/integration-test/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | tmp
3 | lib
4 | cjs
--------------------------------------------------------------------------------
/packages/integration-test/.npmignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | tmp
3 | test
4 | .turbo
5 | npm-shrinkwrap.json
--------------------------------------------------------------------------------
/packages/integration-test/.prettierrc.cjs:
--------------------------------------------------------------------------------
1 | module.exports = require('../happy-dom/.prettierrc.cjs');
2 |
--------------------------------------------------------------------------------
/packages/integration-test/README.md:
--------------------------------------------------------------------------------
1 | This package is used internally for testing the integration of Happy DOM in various environments.
2 |
--------------------------------------------------------------------------------
/packages/integration-test/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@happy-dom/integration-test",
3 | "private": true,
4 | "version": "0.0.0",
5 | "license": "MIT",
6 | "author": "David Ortner",
7 | "description": "Private package used for integration testing of Happy DOM.",
8 | "type": "module",
9 | "publishConfig": {
10 | "access": "restricted"
11 | },
12 | "scripts": {
13 | "test": "node ./test/index.js",
14 | "test:debug": "node --inspect-brk ./test/index.js"
15 | },
16 | "dependencies": {
17 | "happy-dom": "^0.0.0"
18 | },
19 | "devDependencies": {
20 | "@typescript-eslint/eslint-plugin": "^5.16.0",
21 | "@typescript-eslint/parser": "^5.16.0",
22 | "@types/node": "^16.11.7",
23 | "chalk": "^5.3.0",
24 | "prettier": "^2.6.0",
25 | "express": "^4.20.0"
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/packages/integration-test/test/index.js:
--------------------------------------------------------------------------------
1 | await Promise.all([
2 | import('./tests/Fetch.test.js'),
3 | import('./tests/XMLHttpRequest.test.js'),
4 | import('./tests/WindowGlobals.test.js'),
5 | import('./tests/BrowserExceptionObserver.test.js'),
6 | import('./tests/Browser.test.js'),
7 | import('./tests/CommonJS.test.cjs')
8 | ]);
9 |
--------------------------------------------------------------------------------
/packages/integration-test/test/tests/CommonJS.test.cjs:
--------------------------------------------------------------------------------
1 | const { Window } = require('happy-dom');
2 |
3 | const window = new Window();
4 | const document = window.document;
5 |
6 | const element = document.createElement('div');
7 | element.innerHTML = 'Test';
8 |
9 | document.body.appendChild(element);
10 |
11 | if (document.body.innerHTML !== 'Test
') {
12 | throw new Error(`CommonJS doesn't work.`);
13 | }
14 |
--------------------------------------------------------------------------------
/packages/jest-environment/.editorconfig:
--------------------------------------------------------------------------------
1 | # EditorConfig is awesome: http://EditorConfig.org
2 |
3 | # top-most EditorConfig file
4 | root = true
5 |
6 | # Indentation override for all JS under lib directory
7 | [{**.js,**.ts,**.json}]
8 | indent_style = tab
--------------------------------------------------------------------------------
/packages/jest-environment/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | tmp
3 | lib
--------------------------------------------------------------------------------
/packages/jest-environment/.npmignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | tmp
3 | test
4 | .turbo
5 | npm-shrinkwrap.json
--------------------------------------------------------------------------------
/packages/jest-environment/.prettierrc.cjs:
--------------------------------------------------------------------------------
1 | module.exports = require('../happy-dom/.prettierrc.cjs');
2 |
--------------------------------------------------------------------------------
/packages/jest-environment/test/angular/Angular.test.ts:
--------------------------------------------------------------------------------
1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
2 | import { enableProdMode } from '@angular/core';
3 | import 'zone.js';
4 | import AngularModule from './AngularModule';
5 |
6 | describe('Angular', () => {
7 | let appElement: Element;
8 |
9 | beforeEach(() => {
10 | appElement = document.createElement('app');
11 | document.body.appendChild(appElement);
12 | });
13 |
14 | afterEach(() => {
15 | document.body.removeChild(appElement);
16 | });
17 |
18 | it('Tests integration with Angular.', async () => {
19 | enableProdMode();
20 | await platformBrowserDynamic().bootstrapModule(AngularModule);
21 | expect(appElement.innerHTML).toBe('Test
');
22 | });
23 | });
24 |
--------------------------------------------------------------------------------
/packages/jest-environment/test/angular/AngularComponent.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | /**
3 | *
4 | */
5 | @Component({
6 | selector: 'app',
7 | template: ` Test
`
8 | })
9 | export default class AngularComponent {}
10 |
--------------------------------------------------------------------------------
/packages/jest-environment/test/angular/AngularModule.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { BrowserModule } from '@angular/platform-browser';
3 | import AngularComponent from './AngularComponent';
4 |
5 | /**
6 | *
7 | */
8 | @NgModule({
9 | imports: [BrowserModule],
10 | declarations: [AngularComponent],
11 | bootstrap: [AngularComponent]
12 | })
13 | export default class AngularModule {}
14 |
--------------------------------------------------------------------------------
/packages/jest-environment/test/jquery/JQuery.test.ts:
--------------------------------------------------------------------------------
1 | import JQuery from 'jquery';
2 |
3 | describe('JQuery', () => {
4 | beforeEach(() => {
5 | document.body.innerHTML = `
6 |
7 |
8 | Bold
9 |
10 | Span
11 |
12 |
13 |
14 | Bold
15 |
16 |
17 | `;
18 | });
19 |
20 | afterEach(() => {
21 | document.body.innerHTML = '';
22 | });
23 |
24 | it('Tests integration.', () => {
25 | JQuery('span').addClass('test-span');
26 | expect(document.body.children[0].children[1].getAttribute('class')).toBe('test-span');
27 | });
28 | });
29 |
--------------------------------------------------------------------------------
/packages/jest-environment/test/lit-element/LitElementComponent.ts:
--------------------------------------------------------------------------------
1 | import { LitElement, TemplateResult, html, css, CSSResult } from '../../lib/node_modules/lit';
2 | import { customElement, property } from '../../lib/node_modules/lit/decorators';
3 |
4 | /**
5 | *
6 | */
7 | @customElement('lit-element-component')
8 | export default class LitElementComponent extends LitElement {
9 | public static styles: CSSResult = css`
10 | span {
11 | color: green;
12 | }
13 | `;
14 |
15 | @property({ type: String })
16 | public prop1: string = null;
17 |
18 | /**
19 | * Renders the component.
20 | */
21 | public render(): TemplateResult {
22 | return html` Some text ${this.prop1}! `;
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/packages/jest-environment/test/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "outDir": "../tmp",
4 | "rootDir": ".",
5 | "tsBuildInfoFile": "../tmp/.tsbuildinfo-test",
6 | "target": "ES2022",
7 | "declaration": true,
8 | "module": "CommonJS",
9 | "moduleResolution": "node",
10 | "esModuleInterop": true,
11 | "experimentalDecorators": true,
12 | "allowSyntheticDefaultImports": true,
13 | "resolveJsonModule": true,
14 | "noUnusedLocals": true,
15 | "noUnusedParameters": true,
16 | "removeComments": false,
17 | "preserveConstEnums": true,
18 | "sourceMap": true,
19 | "skipLibCheck": true,
20 | "baseUrl": ".",
21 | "composite": true,
22 | "incremental": true,
23 | "jsx": "react",
24 | "types": [
25 | "jest"
26 | ],
27 | "lib": [
28 | "ES2022",
29 | "dom"
30 | ]
31 | },
32 | "include": [
33 | "@types/node",
34 | "@types/jest",
35 | "@types/react",
36 | "@types/react-dom",
37 | "."
38 | ]
39 | }
--------------------------------------------------------------------------------
/packages/jest-environment/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "outDir": "lib",
4 | "rootDir": "src",
5 | "tsBuildInfoFile": "tmp/.tsbuildinfo",
6 | "target": "ES2022",
7 | "declaration": true,
8 | "declarationMap": true,
9 | "module": "CommonJS",
10 | "moduleResolution": "node",
11 | "esModuleInterop": true,
12 | "experimentalDecorators": true,
13 | "allowSyntheticDefaultImports": true,
14 | "resolveJsonModule": true,
15 | "noUnusedLocals": true,
16 | "noUnusedParameters": true,
17 | "removeComments": false,
18 | "preserveConstEnums": true,
19 | "sourceMap": true,
20 | "skipLibCheck": true,
21 | "baseUrl": ".",
22 | "composite": true,
23 | "incremental": true,
24 | "types": [
25 | "node"
26 | ],
27 | "lib": [
28 | "ES2022",
29 | "dom"
30 | ]
31 | },
32 | "include": [
33 | "@types/node",
34 | "src"
35 | ]
36 | }
--------------------------------------------------------------------------------
/vitest.workspace.ts:
--------------------------------------------------------------------------------
1 | import { defineWorkspace } from 'vitest/config';
2 |
3 | export default defineWorkspace(['./packages/happy-dom/vitest.config.ts']);
4 |
--------------------------------------------------------------------------------