chore: [capricorn86#1534] Adds unit tests and adds some additional lo…

…gic according to the spec

packages/happy-dom/src/nodes/html-details-element/HTMLDetailsElement.ts

@@ -66,6 +66,8 @@ export default class HTMLDetailsElement extends HTMLElement {
 		const returnValue = super.dispatchEvent(event);
 
 		if (
+			!event[PropertySymbol.defaultPrevented] &&
+			event[PropertySymbol.target]?.[PropertySymbol.localName] === 'summary' &&
 			event.type === 'click' &&
 			event.eventPhase === EventPhaseEnum.bubbling &&
 			event instanceof MouseEvent

packages/happy-dom/test/nodes/html-details-element/HTMLDetailsElement.test.ts

@@ -3,6 +3,7 @@ import Window from '../../../src/window/Window.js';
 import Document from '../../../src/nodes/document/Document.js';
 import { beforeEach, describe, it, expect, vi } from 'vitest';
 import Event from '../../../src/event/Event.js';
+import MouseEvent from '../../../src/event/events/MouseEvent.js';
 
 describe('HTMLDetailsElement', () => {
 	let window: Window;
@@ -51,5 +52,21 @@ describe('HTMLDetailsElement', () => {
 			element.open = false;
 			expect((<Event>(<unknown>triggeredEvent)).type).toBe('toggle');
 		});
+
+		it('Should not toggle the open state when a click event is dispatched directly on the details element', () => {
+			element.dispatchEvent(new MouseEvent('click'));
+			expect(element.open).toBe(false);
+		});
+
+		it('Should toggle the "open" attribute when a click event is dispatched on a summary element, which is a child of the details element', () => {
+			const summary = document.createElement('summary');
+			element.appendChild(summary);
+
+			summary.click();
+			expect(element.open).toBe(true);
+
+			summary.click();
+			expect(element.open).toBe(false);
+		});
 	});
 });