F7323980055: Switch from jest to vitest

.eslintrc.cjs

@@ -19,13 +19,19 @@ module.exports = {
 				ignoreExports: [
 					// List of files exporting stuff which are not imported:
 					"src/widgetjs.js",
+					"./vitest.config.js",
 					// List of files not exporting anything:
 					"**/.eslintrc.cjs",
-					"./babel.config.cjs",
 					"src/router/optionalParameterSegment.js",
 					"src/router/staticSegment.js",
 				],
 			},
 		],
 	},
+	settings: {
+		"import/resolver": {
+			exports: {},
+			node: true,
+		},
+	},
 };

package.json

@@ -39,19 +39,17 @@
   },
   "scripts": {
     "lint": "eslint --ext js,cjs,mjs --max-warnings 0 --format unix --report-unused-disable-directives .",
-    "test:run": "jest",
-    "test:serve": "majestic"
+    "test:run": "vitest",
+    "test:serve": "vitest --ui"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.4",
-    "@babel/plugin-transform-modules-commonjs": "^7.24.1",
     "@foretagsplatsen/eslint-plugin": "^7.0.1",
-    "@jest/globals": "^29.7.0",
+    "@vitest/coverage-v8": "^1.5.0",
+    "@vitest/ui": "^1.5.0",
     "eslint": "^8.57.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-extended": "^4.0.2",
-    "majestic": "^1.8.1",
+    "eslint-import-resolver-exports": "^1.0.0-beta.5",
+    "jsdom": "^20.0.3",
+    "vitest": "^1.5.0",
     "yaem": "foretagsplatsen/yaem#1.0.0"
   },
   "peerDependencies": {

src/test/htmlCanvasTest.js

@@ -1,6 +1,6 @@
 import htmlCanvas from "../htmlCanvas.js";
 import jQuery from "jquery";
-import { describe, it, expect } from "@jest/globals";
+import { describe, it, expect } from "vitest";
 
 function withCanvas(callback) {
 	jQuery("BODY").append('<div id="sandbox"></div>');
@@ -127,7 +127,7 @@ describe("htmlCanvas", () => {
 
 				let div = html.div({ [attributeName]: undefined });
 
-				expect(div.element.hasAttribute("data-test")).toBeFalse();
+				expect(div.element.hasAttribute("data-test")).toBe(false);
 			});
 		});
 
@@ -139,7 +139,7 @@ describe("htmlCanvas", () => {
 
 				let div = html.div({ [attributeName]: null });
 
-				expect(div.element.hasAttribute("data-test")).toBeFalse();
+				expect(div.element.hasAttribute("data-test")).toBe(false);
 			});
 		});
 
@@ -151,7 +151,7 @@ describe("htmlCanvas", () => {
 
 				let div = html.div({ [attributeName]: false });
 
-				expect(div.element.hasAttribute("data-test")).toBeFalse();
+				expect(div.element.hasAttribute("data-test")).toBe(false);
 			});
 		});
 
@@ -163,7 +163,7 @@ describe("htmlCanvas", () => {
 
 				let div = html.div({ [attributeName]: "" });
 
-				expect(div.element.hasAttribute("data-test")).toBeFalse();
+				expect(div.element.hasAttribute("data-test")).toBe(false);
 			});
 		});
 	});
@@ -193,7 +193,7 @@ describe("htmlCanvas", () => {
 			// and click triggers callback
 			linkEl.click();
 
-			expect(clicked).toBeTrue();
+			expect(clicked).toBe(true);
 		});
 	});
 
@@ -218,7 +218,7 @@ describe("htmlCanvas", () => {
 			// and click triggers callback
 			linkEl.click();
 
-			expect(clicked).toBeTrue();
+			expect(clicked).toBe(true);
 		});
 	});
 

src/test/router/hashLocationTest.js

@@ -1,13 +1,6 @@
 import jQuery from "jquery";
 import hashLocationModel from "../../router/hashLocation.js";
-import {
-	afterEach,
-	beforeEach,
-	describe,
-	expect,
-	it,
-	jest,
-} from "@jest/globals";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
 // Helpers
 
@@ -42,15 +35,15 @@ describe("hashLocation", () => {
 
 		my = {};
 		hashLocation = hashLocationModel({}, my);
-		jest.useFakeTimers();
+		vi.useFakeTimers();
 	});
 
 	afterEach(() => {
 		if (hashLocation) {
 			hashLocation.stop();
 		}
 		window.location.hash = "";
-		jest.useRealTimers();
+		vi.useRealTimers();
 	});
 
 	it("hash defaults", () => {
@@ -117,7 +110,7 @@ describe("hashLocation", () => {
 
 	it("setUrl() triggers change", () => {
 		let anotherHashLocation = hashLocationModel();
-		let spy = jest.fn();
+		let spy = vi.fn();
 
 		// Arrange: listen for url changes
 		anotherHashLocation.changed.register(spy);
@@ -184,6 +177,6 @@ describe("hashLocation", () => {
 				},
 			);
 
-			jest.advanceTimersByTime(131);
+			vi.advanceTimersByTime(131);
 		}));
 });

src/test/router/routeTest.js

@@ -1,5 +1,5 @@
 import router from "../../router.js";
-import { describe, it, expect } from "@jest/globals";
+import { describe, it, expect } from "vitest";
 
 function assertMatch(url, route, _message) {
 	expect(

src/test/router/routerTest.js

@@ -1,12 +1,5 @@
 import router from "../../router/router.js";
-import {
-	afterEach,
-	beforeEach,
-	describe,
-	expect,
-	it,
-	jest,
-} from "@jest/globals";
+import { vi, afterEach, beforeEach, describe, expect, it } from "vitest";
 
 function delayedSteps() {
 	let steps = Array.prototype.slice.call(arguments);
@@ -34,14 +27,14 @@ describe("router", () => {
 
 		my = {};
 		aRouter = router({}, my);
-		jest.useFakeTimers();
+		vi.useFakeTimers();
 	});
 
 	afterEach(() => {
 		aRouter.stop();
 		aRouter.clear();
 		aRouter = null;
-		jest.useRealTimers();
+		vi.useRealTimers();
 	});
 
 	it("router defaults", () => {
@@ -119,7 +112,7 @@ describe("router", () => {
 	it("resolveUrl executes route callback on match", () => {
 		// Arrange: setup a route
 		let userRoute = aRouter.addRoute({ pattern: "/user/" });
-		let spy = jest.fn();
+		let spy = vi.fn();
 
 		userRoute.on("matched", spy);
 
@@ -132,7 +125,7 @@ describe("router", () => {
 	});
 
 	it("resolveUrl triggers resolveUrl event", () => {
-		let spy = jest.fn();
+		let spy = vi.fn();
 
 		// listen for "resolveUrl event" on router
 		aRouter.on("resolveUrl", spy);
@@ -185,7 +178,7 @@ describe("router", () => {
 		}));
 
 	it("resolveUrl executes action on match", () => {
-		let spy = jest.fn();
+		let spy = vi.fn();
 
 		// Arrange: setup a route
 		aRouter.addRoute({
@@ -328,7 +321,7 @@ describe("router", () => {
 		}));
 
 	it("add route with constraints", () => {
-		let action = jest.fn();
+		let action = vi.fn();
 
 		aRouter.addRoute({
 			pattern: "/user/#name/",
@@ -377,7 +370,7 @@ describe("router", () => {
 	it("pipe notfound to another router", () => {
 		// Arrange another router with a route handler
 		let anotherRouter = router();
-		let spy = jest.fn();
+		let spy = vi.fn();
 
 		anotherRouter.addRoute({
 			pattern: "APathNotInDefaultRouterButInPipedRouter",
@@ -397,7 +390,7 @@ describe("router", () => {
 	it("pipe route to another router", () => {
 		// Arrange another router with a route handler
 		let anotherRouter = router();
-		let spy = jest.fn();
+		let spy = vi.fn();
 
 		anotherRouter.addRoute({
 			pattern: "/a/b/#c",
@@ -459,7 +452,7 @@ describe("router", () => {
 				resolve,
 			);
 
-			jest.advanceTimersByTime(131);
+			vi.advanceTimersByTime(131);
 		}));
 
 	it("expand parameters for named route", () => {
@@ -607,6 +600,6 @@ describe("router", () => {
 				resolve,
 			);
 
-			jest.advanceTimersByTime(131);
+			vi.advanceTimersByTime(131);
 		}));
 });

src/test/widgetTest.js

@@ -1,7 +1,7 @@
 import widget from "../widget.js";
 import htmlCanvas from "../htmlCanvas.js";
 import jQuery from "jquery";
-import { jest, describe, it, expect } from "@jest/globals";
+import { vi, describe, it, expect } from "vitest";
 
 const widgetSubclass = widget.subclass((that) => {
 	that.renderContentOn = function (html) {
@@ -94,7 +94,7 @@ describe("function", () => {
 			return that;
 		})();
 
-		let spy = jest.fn();
+		let spy = vi.fn();
 
 		// Assert: that callback is executed when
 		aWidget.anEvent.register(spy);
@@ -365,7 +365,7 @@ describe("function", () => {
 	});
 
 	it("widgets initialize their subwidgets", () => {
-		let spy = jest.fn();
+		let spy = vi.fn();
 		let mySubclass = widget.subclass((that, my) => {
 			my.initializeSubwidgets = spy;
 		});
@@ -377,8 +377,8 @@ describe("function", () => {
 	it("widgets initialize their subwidgets after themselves", () => {
 		expect.assertions(2);
 
-		let init = jest.fn();
-		let initSub = jest.fn();
+		let init = vi.fn();
+		let initSub = vi.fn();
 
 		let mySubclass = widget.subclass((that, my) => {
 			my.initialize = init;

vitest.config.js

@@ -0,0 +1,14 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+	test: {
+		restoreMocks: true,
+		environment: "jsdom",
+		include: ["src/test/**/*Test.js"],
+
+		coverage: {
+			enabled: true,
+			include: ["src/**", "!src/test/**", "!src/widgetjs.js"],
+		},
+	},
+});