Removed tests, cleaned up dependencies, moved tests to coresponding package (what code they are testing)

Author: Ante-Koceic

tests/jest/contactApi.test.tsx …ps/contact/app/tests/contactApi.test.tsxtests/jest/contactApi.test.tsx renamed to apps/contact/app/tests/contactApi.test.tsx tests/jest/contactApi.test.tsx renamed to apps/contact/app/tests/contactApi.test.tsx

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

tests/jest/slack.test.tsx apps/contact/app/tests/slack.test.tsxtests/jest/slack.test.tsx renamed to apps/contact/app/tests/slack.test.tsx

@@ -1,7 +1,4 @@
-import {
-  notifyContactCreated,
-  createPayload,
-} from "../../apps/contact/app/(helpers)/slack";
+import { notifyContactCreated, createPayload } from "../(helpers)/slack";
 
 const mockData = {
   name: "Test name",

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

@@ -8,8 +8,7 @@
     "start": "next start",
     "lint": "next lint",
     "emails": "email dev --dir app/\\(email-templates\\)",
-    "playwright": "npx playwright test",
-    "test": "npx jest && npx playwright test"
+    "test": "npx jest"
   },
   "dependencies": {
     "@aws-sdk/client-sesv2": "^3.888.0",
@@ -24,18 +23,13 @@
     "zod": "^4.0.17"
   },
   "devDependencies": {
-    "@playwright/test": "^1.55.0",
     "@react-email/preview-server": "4.2.11",
     "@types/jest": "^30.0.0",
     "@types/node": "^24",
-    "@types/node-fetch": "^2.6.13",
     "@types/nodemailer": "^7.0.1",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@whatwg-node/fetch": "^0.10.10",
     "jest": "^30.1.1",
-    "jest-environment-jsdom": "^30.1.1",
-    "node-fetch": "^3.3.2",
     "react-email": "4.2.11",
     "ts-jest": "^29.4.1",
     "typescript": "^5",

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

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

apps/contact/package.json

@@ -6,20 +6,11 @@
     "dev": "turbo dev",
     "lint": "turbo lint",
     "format": "prettier --write \"**/*.{ts,tsx,astro}\"",
-    "test:jest": "cd tests && npx jest",
-    "test:playwright": "cd tests && npx playwright test",
-    "test": "npm run test:jest && npm run test:playwright"
+    "test": "cd tests && npx playwright test"
   },
   "devDependencies": {
     "@playwright/test": "^1.55.0",
-    "@types/jest": "^30.0.0",
-    "@types/node-fetch": "^2.6.13",
-    "jest-environment-jsdom": "^30.1.1",
-    "jest": "^30.1.1",
-    "ts-jest": "^29.4.1",
-    "turbo": "^2.5.6",
-    "undici": "^6.21.3",
-    "web-streams-polyfill": "^4.2.0"
+    "turbo": "^2.5.6"
   },
   "engines": {
     "bun": ">=1.2.21"

apps/contact/tsconfig.json

@@ -0,0 +1,37 @@
+import { test, expect } from "@playwright/test";
+
+// const baseUrl = "http://localhost:4321";
+const baseUrl = "https://www.crocoder.dev";
+const contactUrl = "contact";
+const successUrl = "success";
+const routeUrl = "https://api.crocoder.dev/api/contact";
+
+test.describe("Submiting a form", () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto(`${baseUrl}`);
+  });
+
+  test("sucessfully", async ({ page }) => {
+    await page.route(`${routeUrl}**`, async (route) => {
+      await route.fulfill({
+        status: 200,
+        contentType: "application/json",
+        body: JSON.stringify({
+          success: true,
+          message:
+            "Page successfully created in Notion and message sent to Slack.",
+        }),
+      });
+    });
+    await page.getByRole("link", { name: "Contact us", exact: true }).click();
+
+    await expect(page).toHaveURL(`${baseUrl}/${contactUrl}`);
+    await page.fill('input[name="form-full-name"]', "Test name");
+    await page.fill('input[name="form-email"]', "test@test.com");
+    await page.fill('textarea[name="form-message"]', "This is a test input");
+    await page.check('input[name="form-consent"]');
+    await page.click("#form-submit-button");
+
+    await expect(page).toHaveURL(`${baseUrl}/${contactUrl}/${successUrl}`);
+  });
+});