test: add unit tests for App class

Added unit tests for the `App` class to verify correct element sanitization and the creation of a `DocumentFragment` with sanitized elements. Tests ensure that all sanitized elements are instances of `HTMLElement` and that the created fragment contains only `HTMLElement` nodes.
free-bird-operation-project · Jul 30, 2024 · 0fc6e71 · 0fc6e71
1 parent 2bb4033
commit 0fc6e71
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/src/__tests__/app.test.js b/src/__tests__/app.test.js
@@ -0,0 +1,31 @@
+import { JSDOM } from 'jsdom'
+import { App } from '../app'
+
+const dom = new JSDOM('<!DOCTYPE html>')
+global.window = dom.window
+global.document = window.document
+global.HTMLElement = window.HTMLElement
+global.MouseEvent = window.MouseEvent
+global.DocumentFragment = window.DocumentFragment
+
+describe('App', () => {
+	beforeEach(() => {
+		document.body.innerHTML = ''
+	})
+
+	it('should sanitize elements correctly', () => {
+		const appInstance = new App()
+
+		expect(appInstance.sanitizedElements.every((element) => element instanceof HTMLElement)).toBe(
+			true
+		)
+	})
+
+	it('should create and append sanitized elements to a DocumentFragment', () => {
+		const appInstance = new App()
+		const fragment = appInstance.create()
+
+		expect(fragment).toBeInstanceOf(DocumentFragment)
+		expect(Array.from(fragment.childNodes).every((node) => node instanceof HTMLElement)).toBe(true)
+	})
+})