test

Author: UpperCod

package-lock.json

@@ -24,6 +24,8 @@
 		"@atomico/tsconfig": "^1.1.2",
 		"@atomico/vite": "^2.11.3",
 		"@vitest/browser": "^0.34.5",
+		"happy-dom": "^12.9.0",
+		"jsdom": "^22.1.0",
 		"vite": "^4.4.9",
 		"vitest": "^0.34.5",
 		"webdriverio": "^8.16.12"

package.json

@@ -6,11 +6,7 @@ export default defineConfig({
 		target: "esnext",
 	},
 	test: {
-		browser: {
-			enabled: true,
-			headless: true,
-			name: "chrome", // browser name is required
-		},
+		environment: "jsdom",
 	},
 	plugins: [
 		...atomico({

packages/use-attributes/vite.config.js

@@ -3,21 +3,22 @@ import { useHost } from "atomico";
 import { createHooks } from "atomico/test-hooks";
 import { useListener } from "../src";
 
-it("useListener", (done) => {
-	const host = document.createElement("div");
-	const hooks = createHooks(null, host);
-	const eventName = "customEvent";
+it("useListener", () =>
+	new Promise((done) => {
+		const host = document.createElement("div");
+		const hooks = createHooks(null, host);
+		const eventName = "customEvent";
 
-	hooks.load(() => {
-		const host = useHost();
-		useListener(host, eventName, (event) => {
-			expect(event).to.be.instanceof(CustomEvent);
-			expect(event.type).to.equal(eventName);
-			done();
+		hooks.load(() => {
+			const host = useHost();
+			useListener(host, eventName, (event) => {
+				expect(event).to.be.instanceof(CustomEvent);
+				expect(event.type).to.equal(eventName);
+				done();
+			});
 		});
-	});
 
-	hooks.cleanEffects()()();
+		hooks.cleanEffects()()();
 
-	host.dispatchEvent(new CustomEvent(eventName));
-});
+		host.dispatchEvent(new CustomEvent(eventName));
+	}));

packages/use-listener/test/use-listener.test.js

@@ -6,11 +6,7 @@ export default defineConfig({
 		target: "esnext",
 	},
 	test: {
-		browser: {
-			enabled: true,
-			headless: true,
-			name: "chrome", // browser name is required
-		},
+		environment: "happy-dom",
 	},
 	plugins: [
 		...atomico({

packages/use-mutation-observer/vite.config.js

@@ -3,22 +3,23 @@ import { useHost } from "atomico";
 import { createHooks } from "atomico/test-hooks";
 import { useReflectEvent } from "../src";
 
-it("useReflectEvent", (done) => {
-	const host = document.createElement("div");
-	const hooks = createHooks(null, host);
-	const refTo = { current: document.createElement("div") };
+it("useReflectEvent", () =>
+	new Promise((done) => {
+		const host = document.createElement("div");
+		const hooks = createHooks(null, host);
+		const refTo = { current: document.createElement("div") };
 
-	hooks.load(() => {
-		const refFrom = useHost();
-		useReflectEvent(refFrom, refTo, "click");
-	});
+		hooks.load(() => {
+			const refFrom = useHost();
+			useReflectEvent(refFrom, refTo, "click");
+		});
 
-	hooks.cleanEffects()()();
+		hooks.cleanEffects()()();
 
-	refTo.current.addEventListener("click", (event) => {
-		done();
-		expect(event).to.be.an.instanceof(PointerEvent);
-	});
+		refTo.current.addEventListener("click", (event) => {
+			done();
+			expect(event).to.be.an.instanceof(Event);
+		});
 
-	host.click();
-});
+		host.click();
+	}));

packages/use-reflect-event/test/use-reflect-event.test.js

@@ -6,11 +6,7 @@ export default defineConfig({
 		target: "esnext",
 	},
 	test: {
-		browser: {
-			enabled: true,
-			headless: true,
-			name: "chrome", // browser name is required
-		},
+		environment: "jsdom",
 	},
 	plugins: [
 		...atomico({