Moved Jest tests to same folder as playwright tests, added new scripts to run from root

Author: Ante-Koceic

apps/contact/tsconfig.json

@@ -24,6 +24,6 @@
     },
     "types": ["jest", "node"]
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "../../tests/jest.setup.ts"],
   "exclude": ["node_modules"]
 }

package.json

@@ -6,7 +6,9 @@
     "dev": "turbo dev",
     "lint": "turbo lint",
     "format": "prettier --write \"**/*.{ts,tsx,astro}\"",
-    "test:playwright": "cd tests && npx playwright test"
+    "test:jest": "cd tests && npx jest",
+    "test:playwright": "cd tests && npx playwright test",
+    "test": "npm run test:jest && npm run test:playwright"
   },
   "devDependencies": {
     "@playwright/test": "^1.55.0",

apps/contact/jest.config.ts tests/jest.config.tsapps/contact/jest.config.ts renamed to tests/jest.config.ts

@@ -17,7 +17,7 @@ jest.mock("@notionhq/client", () => {
   };
 });
 
-jest.mock("../../app/(helpers)/slack", () => {
+jest.mock("../../apps/contact/app/(helpers)/slack", () => {
   return {
     notifyContactCreated: jest.fn(),
   };
@@ -26,8 +26,8 @@ jest.mock("../../app/(helpers)/slack", () => {
 process.env.NOTION_DATABASE_ID = "mocked-notion-database-id";
 
 import { NextRequest } from "next/server";
-import { POST } from "../../app/api/contact/route";
-import { notifyContactCreated } from "../../app/(helpers)/slack";
+import { POST } from "../../apps/contact/app/api/contact/route";
+import { notifyContactCreated } from "../../apps/contact/app/(helpers)/slack";
 
 const mockSlack = notifyContactCreated as jest.Mock;
 

apps/contact/jest.setup.ts tests/jest.setup.tsapps/contact/jest.setup.ts renamed to tests/jest.setup.ts

@@ -0,0 +1,86 @@
+import {
+  notifyContactCreated,
+  createPayload,
+} from "../../apps/contact/app/(helpers)/slack";
+
+const mockData = {
+  name: "Test",
+  email: "test@test.com",
+  url: "https://www.test.dev/",
+};
+
+const mockBlocks = [
+  {
+    type: "header",
+    text: {
+      type: "plain_text",
+      text: "We have 1 new message(s).",
+      emoji: true,
+    },
+  },
+  {
+    type: "section",
+    text: {
+      type: "mrkdwn",
+      text: `We got a new message from _${mockData.name}_ (_${mockData.email}_).`,
+    },
+  },
+  {
+    type: "divider",
+  },
+  {
+    type: "section",
+    text: {
+      type: "mrkdwn",
+      text: " ",
+    },
+    accessory: {
+      type: "button",
+      text: {
+        type: "plain_text",
+        text: "Show me the message",
+        emoji: true,
+      },
+      value: "new_message_click",
+      url: mockData.url,
+      action_id: "button-action",
+    },
+  },
+];
+
+describe("Slack functions", () => {
+  it("should create expected payload", async () => {
+    const payload = createPayload(mockData.name, mockData.email, mockData.url);
+
+    expect(payload.blocks).toEqual(mockBlocks);
+  });
+
+  it("should call notifyContactCreated once if conditions are met", async () => {
+    global.fetch = jest.fn().mockResolvedValue({
+      status: 200,
+    });
+
+    await notifyContactCreated(mockData.name, mockData.email, mockData.url);
+    const [[url, options]] = (global.fetch as jest.Mock).mock.calls;
+    const data = JSON.parse(options.body);
+    const blocks = JSON.stringify(data.blocks);
+
+    expect(url).toBe("https://slack.com/api/chat.postMessage");
+    expect(blocks).toMatch(JSON.stringify(mockBlocks));
+    expect(fetch).toHaveBeenCalledTimes(1);
+  });
+
+  it("should throw error if fetch fails", async () => {
+    global.fetch = jest.fn().mockResolvedValue({
+      status: 401,
+    });
+
+    await expect(
+      notifyContactCreated(mockData.name, mockData.email, mockData.url),
+    ).rejects.toEqual({
+      body: "Could not send notification message to Slack",
+      statusCode: 401,
+    });
+    expect(fetch).toHaveBeenCalledTimes(1);
+  });
+});

apps/contact/tests/jest/form.test.tsx tests/jest/form.test.tsxapps/contact/tests/jest/form.test.tsx renamed to tests/jest/form.test.tsx

@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "target": "es2020",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "forceConsistentCasingInFileNames": true,
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    },
+    "types": ["jest", "node"]
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "../../tests/jest.setup.ts"
+  ],
+  "exclude": ["node_modules"]
+}