Merge pull request #2 from kimatata/seed

Seed

frontend/package.json

@@ -6,7 +6,9 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "test": "vitest",
+    "coverage": "vitest run --coverage"
   },
   "dependencies": {
     "@nextui-org/react": "^2.2.9",
@@ -34,5 +36,9 @@
     "tailwind-variants": "^0.1.18",
     "tailwindcss": "3.3.5",
     "typescript": "5.0.4"
+  },
+  "devDependencies": {
+    "@vitest/coverage-v8": "^1.6.0",
+    "vitest": "^1.6.0"
   }
 }

frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/[caseId]/CaseAttachmentsEditor.tsx

@@ -1,6 +1,7 @@
 import { Image, Button, Tooltip, Card, CardBody } from "@nextui-org/react";
 import { AttachmentType, CaseMessages } from "@/types/case";
 import { Trash, ArrowDownToLine } from "lucide-react";
+import { isImage } from "./isImage";
 
 type Props = {
   attachments: AttachmentType[];
@@ -22,16 +23,7 @@ export default function CaseAttachmentsEditor({
   let others = [];
 
   attachments.forEach((attachment) => {
-    let path = attachment.path;
+    if (isImage(attachment)) {
-    let extension = path.substring(path.lastIndexOf(".") + 1).toLowerCase();
-    if (
-      extension === "png" ||
-      extension === "jpg" ||
-      extension === "jpeg" ||
-      extension === "gif" ||
-      extension === "bmp" ||
-      extension === "svg"
-    ) {
       images.push(attachment);
     } else {
       others.push(attachment);

frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/[caseId]/attachmentControl.test.ts

@@ -0,0 +1,35 @@
+import { expect, test } from "vitest";
+import { isImage } from "./isImage";
+import { AttachmentType } from "@/types/case";
+
+test("isImage", () => {
+  type CaseAttachmentType = {
+    createdAt: Date;
+    updatedAt: Date;
+    CaseId: number;
+    AttachmentId: number;
+  };
+
+  const sampleCaseAttachment: CaseAttachmentType = {
+    createdAt: new Date(),
+    updatedAt: new Date(),
+    CaseId: 1,
+    AttachmentId: 1,
+  };
+
+  const sampleAttachment: AttachmentType = {
+    id: 1,
+    title: "",
+    detail: "",
+    path: "",
+    createdAt: new Date(),
+    updatedAt: new Date(),
+    caseAttachments: sampleCaseAttachment,
+  };
+
+  sampleAttachment.path = "public/uploads/abc.png";
+  expect(isImage(sampleAttachment)).toBe(true);
+
+  sampleAttachment.path = "public/uploads/abc.mp3";
+  expect(isImage(sampleAttachment)).toBe(false);
+});

frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/[caseId]/isImage.ts

@@ -0,0 +1,20 @@
+import { AttachmentType } from "@/types/case";
+
+function isImage(attachmentFile: AttachmentType) {
+  let path = attachmentFile.path;
+  let extension = path.substring(path.lastIndexOf(".") + 1).toLowerCase();
+  if (
+    extension === "png" ||
+    extension === "jpg" ||
+    extension === "jpeg" ||
+    extension === "gif" ||
+    extension === "bmp" ||
+    extension === "svg"
+  ) {
+    return true;
+  } else {
+    return false;
+  }
+}
+
+export { isImage };