refactor(web): switch web tests to bun runner

.gitignore

@@ -13,6 +13,7 @@ credentials.txt
 *.log
 *.mongodb
 *.tsbuildinfo
+*.mjs
 
 ########
 # DIRS #

jest.config.js

@@ -50,45 +50,6 @@ const coreProject = {
   ],
 };
 
-/** @type { Exclude<Exclude<import("jest").Config["projects"], undefined>[number], string>} */
-const webProject = {
-  displayName: "web",
-  moduleNameMapper: {
-    "\\.(jpg|jpeg|png|gif)$":
-      "<rootDir>/packages/web/src/__tests__/__mocks__/file.stub.js",
-    "^@core(/(.*)$)?": "<rootDir>/packages/core/src/$1",
-    "^@web/__tests__(/(.*)$)?": "<rootDir>/packages/web/src/__tests__/$1",
-    "^@web/assets(/(.*)$)?": "<rootDir>/packages/web/src/assets/$1",
-    "^@web/auth(/(.*)$)?": "<rootDir>/packages/web/src/auth/$1",
-    "^@web/common(/(.*)$)?": "<rootDir>/packages/web/src/common/$1",
-    "^@web/components(/(.*)$)?": "<rootDir>/packages/web/src/components/$1",
-    "^@web/ducks(/(.*)$)?": "<rootDir>/packages/web/src/ducks/$1",
-    "^@web/public(/(.*)$)?": "<rootDir>/packages/web/src/public/$1",
-    "^@web/routers(/(.*)$)?": "<rootDir>/packages/web/src/routers/$1",
-    "^@web/sse(/(.*)$)?": "<rootDir>/packages/web/src/sse/$1",
-    "^@web/store((/(.*)$)?)?": "<rootDir>/packages/web/src/store/$1",
-    "^@web/views(/(.*)$)?": "<rootDir>/packages/web/src/views/$1",
-    "^.+\\.(css|less)$":
-      "<rootDir>/packages/web/src/__tests__/__mocks__/css.stub.js",
-    "\\.(svg)$": "<rootDir>/packages/web/src/__tests__/__mocks__/svg.stub.js",
-  },
-  setupFiles: [
-    "<rootDir>/packages/core/src/__tests__/core.test.init.ts",
-    "<rootDir>/packages/core/src/__tests__/core.test.start.ts",
-    "<rootDir>/packages/web/src/__tests__/web.test.init.ts",
-    "jest-canvas-mock",
-  ],
-  setupFilesAfterEnv: [
-    "<rootDir>/packages/web/src/__tests__/web.test.start.ts",
-  ],
-  testEnvironment: "<rootDir>/packages/web/src/__tests__/jsdom.ts",
-  testMatch: ["<rootDir>/packages/web/**/*.(test|spec).[jt]s?(x)"],
-  transformIgnorePatterns: [
-    //https://github.com/react-dnd/react-dnd/issues/3443
-    "/node_modules/(?!react-dnd|dnd-core|@react-dnd)",
-  ],
-};
-
 /** @type { Exclude<Exclude<import("jest").Config["projects"], undefined>[number], string>} */
 const scriptsProject = {
   displayName: "scripts",
@@ -110,7 +71,6 @@ const scriptsProject = {
 
 const projectMap = {
   core: coreProject,
-  web: webProject,
   backend: backendProject,
   scripts: scriptsProject,
 };
@@ -221,7 +181,7 @@ const config = {
 
   projects: requestedProject
     ? [projectMap[requestedProject]]
-    : [coreProject, webProject, backendProject, scriptsProject],
+    : [coreProject, backendProject, scriptsProject],
   // Use this configuration option to add custom reporters to Jest
   // reporters: undefined,
 

package.json

@@ -15,27 +15,27 @@
     "@compass/scripts": "packages/scripts/src"
   },
   "scripts": {
-    "cli": "TZ=Etc/UTC bun --env-file=packages/backend/.env.local packages/scripts/src/cli.ts",
-    "debug:supertokens": "export DEBUG=com.supertokens && bun run dev:backend",
+    "cli": "bun --env-file=packages/backend/.env.local packages/scripts/src/cli.ts",
+    "debug:supertokens": "export DEBUG=com.supertokens &&bun run dev:backend",
     "debug:web": "http-server build/web/",
-    "dev:backend -verbose": "export DEBUG=* && bun run dev:backend",
-    "dev:backend": "cd packages/backend && TZ=Etc/UTC bun --env-file=.env.local --watch src/app.ts",
-    "dev:update": "git checkout main && git pull && bun install",
-    "dev:web": "cd packages/web && TZ=Etc/UTC bun --env-file=../backend/.env.local run dev.ts",
+    "dev:backend -verbose": "export DEBUG=* &&bun run dev:backend",
+    "dev:backend": "cd packages/backend && bun --env-file=.env.local --watch src/app.ts",
+    "dev:update": "git checkout main && git pull &&bun install",
+    "dev:web": "cd packages/web &&bun --env-file=../backend/.env.local run dev.ts",
     "lint": "biome check .",
     "lint:fix": "biome check --write .",
     "format": "biome format --write .",
     "format:check": "biome format .",
-    "test": "TZ=Etc/UTC bun packages/scripts/src/testing/run.ts",
+    "test": "bun packages/scripts/src/testing/run.ts",
     "test:e2e": "bunx playwright test",
-    "test:backend": "TZ=Etc/UTC bun packages/scripts/src/testing/run.ts backend",
-    "test:core": "TZ=Etc/UTC bun packages/scripts/src/testing/run.ts core",
-    "test:web": "TZ=Etc/UTC bun packages/scripts/src/testing/run.ts web",
-    "test:scripts": "TZ=Etc/UTC bun packages/scripts/src/testing/run.ts scripts",
-    "type-check": "TZ=Etc/UTC bunx tsc --noEmit",
-    "verify": "TZ=Etc/UTC bun packages/scripts/src/testing/verify.ts",
-    "build:backend": "TZ=Etc/UTC bun packages/scripts/src/commands/build.backend.ts",
-    "build:web": "cd packages/web && TZ=Etc/UTC bun --env-file=../backend/.env.local run build.ts"
+    "test:backend": "bun packages/scripts/src/testing/run.ts backend",
+    "test:core": "bun packages/scripts/src/testing/run.ts core",
+    "test:web": "bun test --cwd packages/web",
+    "test:scripts": "bun packages/scripts/src/testing/run.ts scripts",
+    "type-check": "bunx tsc --noEmit",
+    "verify": "bun packages/scripts/src/testing/verify.ts",
+    "build:backend": "bun packages/scripts/src/commands/build.backend.ts",
+    "build:web": "cd packages/web && bun --env-file=../backend/.env.local run build.ts"
   },
   "dependencies": {
     "@compass/backend": "*",

packages/core/src/__tests__/mock.setup.ts

@@ -1,7 +1,47 @@
 import { faker as mockFaker } from "@faker-js/faker";
 import { default as mockMergeWith } from "lodash.mergewith";
+import { createRequire } from "node:module";
+
+const require = createRequire(import.meta.url);
+const bunTest = (() => {
+  try {
+    return require("bun:test") as {
+      mock: {
+        module: (id: string, factory: () => object) => void;
+      };
+    };
+  } catch {
+    return null;
+  }
+})();
 
 export const mockBSON = () => {
+  if (bunTest) {
+    bunTest.mock.module("bson", () => ({
+      ObjectId: class ObjectId {
+        #value: string;
+
+        constructor(value?: string) {
+          if (value && !ObjectId.isValid(value)) {
+            throw new Error("Invalid ObjectId");
+          }
+
+          this.#value = value ?? mockFaker.database.mongodbObjectId();
+        }
+
+        toString() {
+          return this.#value;
+        }
+
+        static isValid(value?: string) {
+          return /^[a-fA-F0-9]{24}$/.test(value ?? "");
+        }
+      },
+    }));
+
+    return;
+  }
+
   jest.mock("bson", () => ({
     ObjectId: class ObjectId {
       #value: string;

packages/core/src/util/color.utils.test.ts

@@ -1,4 +1,5 @@
 import tinycolor from "tinycolor2";
+import { describe, expect, it, spyOn } from "bun:test";
 import {
   brighten,
   darken,
@@ -63,7 +64,7 @@ describe("color.utils", () => {
 
     it("generates color values from random color when not provided", () => {
       const color = tinycolor.random();
-      const randomColorSpy = jest.spyOn(tinycolor, "random");
+      const randomColorSpy = spyOn(tinycolor, "random");
 
       randomColorSpy.mockReturnValue(color);
 
@@ -91,7 +92,7 @@ describe("color.utils", () => {
 
     it("ensures returned colors remain readable for random color", () => {
       const randomColor = tinycolor.random();
-      const randomColorSpy = jest.spyOn(tinycolor, "random");
+      const randomColorSpy = spyOn(tinycolor, "random");
 
       randomColorSpy.mockReturnValue(randomColor);