Implemented test run editor's bulk test case selection

frontend/app/projects/[projectId]/runs/[runId]/RunEditor.tsx

@@ -28,7 +28,7 @@ import {
 } from "lucide-react";
 import TestCaseSelector from "./TestCaseSelector";
 import { testRunStatus } from "@/config/selection";
-import { RunType, RunCaseType } from "@/types/run";
+import { RunType, RunCaseType, RunCaseInfoType } from "@/types/run";
 import { CaseType } from "@/types/case";
 import { FolderType } from "@/types/folder";
 import {
@@ -36,7 +36,9 @@ import {
   updateRun,
   fetchRunCases,
   createRunCase,
+  bulkCreateRunCases,
   deleteRunCase,
+  bulkDeleteRunCases
 } from "../runsControl";
 import { fetchFolders } from "../../folders/foldersControl";
 import { fetchCases } from "../../folders/[folderId]/cases/caseControl";
@@ -148,13 +150,23 @@ export default function RunEditor({ projectId, runId }: Props) {
     }
   };
 
-  const onIncludeExcludeClick = async (mode: string) => {
-    console.log(mode);
+  const onIncludeExcludeClick = async (isInclude: boolean) => {
+    let keys = [];
     if (selectedKeys === "all") {
-      const allKeys = testcases.map((item) => item.id);
-      console.log(allKeys);
+      keys = testcases.map((item) => item.id);
     } else {
-      console.log([...selectedKeys]);
+      keys = testcases
+    }
+
+    const runCaseInfo: RunCaseInfoType[] = keys.map((caseId) => ({
+      runId: runId,
+      caseId: caseId,
+    }));
+    if (isInclude) {
+      const createdRunCases = await bulkCreateRunCases(runCaseInfo);
+      console.log(createdRunCases)
+    } else {
+      await bulkDeleteRunCases(runCaseInfo);
     }
 
     setSelectedKeys(new Set([]));
@@ -263,13 +275,13 @@ export default function RunEditor({ projectId, runId }: Props) {
                 <DropdownMenu aria-label="test case select actions">
                   <DropdownItem
                     startContent={<CopyPlus size={16} />}
-                    onClick={() => onIncludeExcludeClick("include")}
+                    onClick={() => onIncludeExcludeClick(true)}
                   >
                     Include selected cases in run
                   </DropdownItem>
                   <DropdownItem
                     startContent={<CopyMinus size={16} />}
-                    onClick={() => onIncludeExcludeClick("exclude")}
+                    onClick={() => onIncludeExcludeClick(false)}
                   >
                     Exclude selected cases from run
                   </DropdownItem>

frontend/app/projects/[projectId]/runs/runsControl.ts

@@ -1,6 +1,6 @@
 import Config from "@/config/config";
 const apiServer = Config.apiServer;
-import { RunType } from "@/types/run";
+import { RunType, RunCaseInfoType } from "@/types/run";
 
 async function fetchRun(runId: string) {
   const url = `${apiServer}/runs/${runId}`;
@@ -168,6 +168,30 @@ async function createRunCase(runId: string, caseId: number) {
   }
 }
 
+async function bulkCreateRunCases(runCaseInfo: RunCaseInfoType[]) {
+  const fetchOptions = {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(runCaseInfo)
+  };
+
+  const url = `${apiServer}/runcases/bulknew`;
+
+  try {
+    const response = await fetch(url, fetchOptions);
+    if (!response.ok) {
+      throw new Error(`HTTP error! Status: ${response.status}`);
+    }
+    const data = await response.json();
+    return data;
+  } catch (error: any) {
+    console.error("Error creating new runcase:", error);
+    throw error;
+  }
+}
+
 async function deleteRunCase(runId: string, caseId: number) {
   const fetchOptions = {
     method: "DELETE",
@@ -189,4 +213,37 @@ async function deleteRunCase(runId: string, caseId: number) {
   }
 }
 
-export { fetchRun, fetchRuns, createRun, updateRun, deleteRun, fetchRunCases, createRunCase, deleteRunCase };
+async function bulkDeleteRunCases(runCaseInfo: RunCaseInfoType[]) {
+  const fetchOptions = {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(runCaseInfo)
+  };
+
+  const url = `${apiServer}/runcases/bulkdelete`;
+
+  try {
+    const response = await fetch(url, fetchOptions);
+    if (!response.ok) {
+      throw new Error(`HTTP error! Status: ${response.status}`);
+    }
+  } catch (error: any) {
+    console.error("Error deleting runcase:", error);
+    throw error;
+  }
+}
+
+export {
+  fetchRun,
+  fetchRuns,
+  createRun,
+  updateRun,
+  deleteRun,
+  fetchRunCases,
+  createRunCase,
+  bulkCreateRunCases,
+  deleteRunCase,
+  bulkDeleteRunCases,
+};