Test suite for Queue (#673)

* Test suite for Queue

* CodeQL fixes

---------

Co-authored-by: Rajat <hi@rajatsaxena.dev>

Author: rajat1saxena

apps/queue/__mocks__/@courselit/email-editor.ts

@@ -0,0 +1,12 @@
+// Re-export only renderEmailToHtml and types to avoid loading EmailEditor and its dependencies
+// This allows us to test the real renderEmailToHtml without loading React UI components
+export type {
+    Email,
+    EmailBlock,
+    EmailMeta,
+    EmailStyle,
+    BlockComponent,
+} from "../../../../packages/email-editor/src/types/email-editor";
+export type { BlockRegistry } from "../../../../packages/email-editor/src/types/block-registry";
+export { renderEmailToHtml } from "../../../../packages/email-editor/src/lib/email-renderer";
+export { defaultEmail } from "../../../../packages/email-editor/src/lib/default-email";

apps/queue/__mocks__/css.ts

@@ -0,0 +1,2 @@
+// Mock for CSS imports
+export default {};

apps/queue/__mocks__/lucide-react.ts

@@ -0,0 +1,2 @@
+// Mock for lucide-react icons
+export const Plus = () => null;

apps/queue/__mocks__/nanoid.ts

@@ -0,0 +1 @@
+export const nanoid = jest.fn(() => "mock-nanoid-id");

apps/queue/__mocks__/radix-ui.ts

@@ -0,0 +1,4 @@
+// Mock for Radix UI components
+export const Popover = { Root: ({ children }: any) => children };
+export const PopoverContent = ({ children }: any) => children;
+export const PopoverTrigger = ({ children }: any) => children;

apps/queue/__mocks__/settings-components.tsx

@@ -0,0 +1,9 @@
+// Mock for settings components used by email-editor
+import * as React from "react";
+
+export const SettingsSelect = ({ children }: { children?: React.ReactNode }) =>
+    React.createElement(React.Fragment, null, children);
+export const SettingsSection = ({ children }: { children?: React.ReactNode }) =>
+    React.createElement(React.Fragment, null, children);
+export const SettingsSlider = ({ children }: { children?: React.ReactNode }) =>
+    React.createElement(React.Fragment, null, children);

apps/queue/__mocks__/slugify.ts

@@ -0,0 +1 @@
+export default jest.fn((str: string) => str.toLowerCase().replace(/\s+/g, "-"));

apps/queue/__mocks__/ui-components.ts

@@ -0,0 +1,7 @@
+// Mock for UI components that aren't needed for renderEmailToHtml testing
+export const Popover = ({ children }: { children: React.ReactNode }) =>
+    children;
+export const PopoverContent = ({ children }: { children: React.ReactNode }) =>
+    children;
+export const PopoverTrigger = ({ children }: { children: React.ReactNode }) =>
+    children;

apps/queue/jest-mongodb-config.js

@@ -0,0 +1,13 @@
+module.exports = {
+    mongodbMemoryServerOptions: {
+        binary: {
+            version: "7.0.0",
+            skipMD5: true,
+        },
+        instance: {
+            dbName: "jest",
+        },
+        autoStart: false,
+    },
+    useSharedDBForAllJestWorkers: true,
+};

apps/queue/jest.config.ts

@@ -0,0 +1,52 @@
+const config = {
+    preset: "@shelf/jest-mongodb",
+    setupFilesAfterEnv: ["<rootDir>/setupTests.ts"],
+    watchPathIgnorePatterns: ["globalConfig"],
+    moduleNameMapper: {
+        "@courselit/utils": "<rootDir>/../../packages/utils/src",
+        "@courselit/common-logic": "<rootDir>/../../packages/common-logic/src",
+        "@courselit/common-models":
+            "<rootDir>/../../packages/common-models/src",
+        "@courselit/email-editor":
+            "<rootDir>/__mocks__/@courselit/email-editor.ts",
+        nanoid: "<rootDir>/__mocks__/nanoid.ts",
+        "@sindresorhus/slugify": "<rootDir>/__mocks__/slugify.ts",
+        // Handle @/ paths - prioritize email-editor package paths, then queue app paths
+        // These must come before the generic @/ pattern
+        "^@/components/ui/(.*)$":
+            "<rootDir>/../../packages/email-editor/src/components/ui/$1",
+        "^@/components/settings/(.*)$":
+            "<rootDir>/__mocks__/settings-components.tsx",
+        "^@/components/(.*)$":
+            "<rootDir>/../../packages/email-editor/src/components/$1",
+        "^@/lib/(.*)$": "<rootDir>/../../packages/email-editor/src/lib/$1",
+        "^@/blocks$": "<rootDir>/../../packages/email-editor/src/blocks",
+        "^@/blocks/(.*)$":
+            "<rootDir>/../../packages/email-editor/src/blocks/$1",
+        "^@/types/(.*)$": "<rootDir>/../../packages/email-editor/src/types/$1",
+        "^@/(.*)$": "<rootDir>/src/$1",
+        // Mock React UI components and dependencies that aren't available in Node.js
+        "^@radix-ui/(.*)$": "<rootDir>/__mocks__/radix-ui.ts",
+        "^lucide-react$": "<rootDir>/__mocks__/lucide-react.ts",
+        // Mock CSS imports
+        "\\.css$": "<rootDir>/__mocks__/css.ts",
+    },
+    transformIgnorePatterns: ["node_modules/(?!(nanoid)/)"],
+    extensionsToTreatAsEsm: [],
+    transform: {
+        "^.+\\.(ts|tsx)$": [
+            "ts-jest",
+            {
+                tsconfig: {
+                    jsx: "react-jsx",
+                },
+            },
+        ],
+    },
+    testMatch: ["**/__tests__/**/*.test.ts", "**/?(*.)+(spec|test).ts"],
+    testPathIgnorePatterns: ["/node_modules/", "/dist/"],
+    moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json"],
+    testEnvironment: "node",
+};
+
+export default config;