[No.203]Workflow を新しいIDでcopy する機能

frontend/src/api/experiments/Experiments.ts

@@ -68,6 +68,19 @@ export async function deleteExperimentByListApi(
   return response.data
 }
 
+export async function copyExperimentByListApi(
+  workspaceId: number,
+  uidList: Array<string>,
+): Promise<boolean> {
+  const response = await axios.post(
+    `${BASE_URL}/experiments/copy/${workspaceId}`,
+    {
+      uidList,
+    },
+  )
+  return response.data
+}
+
 export async function downloadExperimentNwbApi(
   workspaceId: number,
   uid: string,

frontend/src/components/Workspace/Experiment/ExperimentTable.tsx

@@ -14,6 +14,7 @@ import { useSelector, useDispatch } from "react-redux"
 
 import { useSnackbar } from "notistack"
 
+import ContentCopyIcon from "@mui/icons-material/ContentCopy"
 import DeleteIcon from "@mui/icons-material/Delete"
 import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown"
 import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp"
@@ -49,6 +50,7 @@ import { ReproduceButton } from "components/Workspace/Experiment/Button/Reproduc
 import { CollapsibleTable } from "components/Workspace/Experiment/CollapsibleTable"
 import { ExperimentStatusIcon } from "components/Workspace/Experiment/ExperimentStatusIcon"
 import {
+  copyExperimentByList,
   deleteExperimentByList,
   getExperiments,
 } from "store/slice/Experiments/ExperimentsActions"
@@ -138,6 +140,18 @@ const TableImple = memo(function TableImple() {
     setSortTarget(property)
   }
 
+  const onClickCopy = () => {
+    dispatch(copyExperimentByList(checkedList))
+      .unwrap()
+      .then(() => {
+        dispatch(getExperiments())
+        enqueueSnackbar("Record Copied", { variant: "success" })
+      })
+      .catch(() => {
+        enqueueSnackbar("Failed to copy", { variant: "error" })
+      })
+  }
+
   const onCheckBoxClick = (uid: string) => {
     if (checkedList.includes(uid)) {
       setCheckedList(checkedList.filter((v) => v !== uid))
@@ -238,6 +252,17 @@ const TableImple = memo(function TableImple() {
             Delete
           </Button>
         )}
+        <Button
+          sx={{
+            margin: (theme) => theme.spacing(0, 1, 1, 1),
+          }}
+          variant="outlined"
+          endIcon={<ContentCopyIcon />}
+          onClick={onClickCopy}
+          disabled={checkedList.length === 0 || isRunning}
+        >
+          COPY
+        </Button>
       </Box>
       <ConfirmDialog
         open={open}

frontend/src/store/slice/Experiments/Experiments.test.ts

@@ -1,6 +1,7 @@
 import { expect, describe, test } from "@jest/globals"
 
 import {
+  copyExperimentByList,
   deleteExperimentByList,
   deleteExperimentByUid,
   getExperiments,
@@ -215,4 +216,57 @@ describe("Experiments", () => {
       targetState.status === "fulfilled" && targetState.experimentList,
     ).toEqual({})
   })
+
+  test(copyExperimentByList.fulfilled.type, () => {
+    const prevState = reducer(
+      reducer(initialState, getExperimentsPendingAction),
+      getExperimentsFulfilledAction,
+    )
+    const copyExperimentByListFulfilledAction = {
+      type: copyExperimentByList.fulfilled.type,
+      payload: true,
+      meta: {
+        arg: [uid1, uid2],
+        requestId: "faNrL5ZV3SRODugFlJM20",
+        requestStatus: "fulfilled",
+      },
+    }
+    const targetState = reducer(prevState, copyExperimentByListFulfilledAction)
+    expect(targetState.loading).toBe(false)
+  })
+
+  test(copyExperimentByList.pending.type, () => {
+    const prevState = reducer(
+      reducer(initialState, getExperimentsPendingAction),
+      getExperimentsFulfilledAction,
+    )
+    const copyExperimentByListPendingAction = {
+      type: copyExperimentByList.pending.type,
+      meta: {
+        arg: [uid1, uid2],
+        requestId: "faNrL5ZV3SRODugFlJM20",
+        requestStatus: "pending",
+      },
+    }
+    const targetState = reducer(prevState, copyExperimentByListPendingAction)
+    expect(targetState.loading).toBe(true)
+  })
+
+  test(copyExperimentByList.rejected.type, () => {
+    const prevState = reducer(
+      reducer(initialState, getExperimentsPendingAction),
+      getExperimentsFulfilledAction,
+    )
+    const copyExperimentByListRejectedAction = {
+      type: copyExperimentByList.rejected.type,
+      payload: false,
+      meta: {
+        arg: [uid1, uid2],
+        requestId: "faNrL5ZV3SRODugFlJM20",
+        requestStatus: "rejected",
+      },
+    }
+    const targetState = reducer(prevState, copyExperimentByListRejectedAction)
+    expect(targetState.loading).toBe(false)
+  })
 })

frontend/src/store/slice/Experiments/ExperimentsActions.ts

@@ -5,6 +5,7 @@ import {
   getExperimentsApi,
   deleteExperimentByUidApi,
   deleteExperimentByListApi,
+  copyExperimentByListApi,
 } from "api/experiments/Experiments"
 import { EXPERIMENTS_SLICE_NAME } from "store/slice/Experiments/ExperimentsType"
 import { selectCurrentWorkspaceId } from "store/slice/Workspace/WorkspaceSelector"
@@ -63,3 +64,21 @@ export const deleteExperimentByList = createAsyncThunk<
     return thunkAPI.rejectWithValue("workspace id does not exist.")
   }
 })
+
+export const copyExperimentByList = createAsyncThunk<
+  boolean,
+  string[],
+  ThunkApiConfig
+>(`${EXPERIMENTS_SLICE_NAME}/copyExperimentByList`, async (uid, thunkAPI) => {
+  const workspaceId = selectCurrentWorkspaceId(thunkAPI.getState())
+  if (workspaceId) {
+    try {
+      const response = await copyExperimentByListApi(workspaceId, uid)
+      return response
+    } catch (e) {
+      return thunkAPI.rejectWithValue(e)
+    }
+  } else {
+    return thunkAPI.rejectWithValue("workspace id does not exist.")
+  }
+})

frontend/src/store/slice/Experiments/ExperimentsSlice.ts

@@ -4,6 +4,7 @@ import {
   getExperiments,
   deleteExperimentByUid,
   deleteExperimentByList,
+  copyExperimentByList,
 } from "store/slice/Experiments/ExperimentsActions"
 import {
   EXPERIMENTS_SLICE_NAME,
@@ -111,6 +112,15 @@ export const experimentsSlice = createSlice({
           status: "uninitialized",
         }
       })
+      .addMatcher(isAnyOf(copyExperimentByList.fulfilled), (state) => {
+        state.loading = false
+      })
+      .addMatcher(isAnyOf(copyExperimentByList.pending), (state) => {
+        state.loading = true
+      })
+      .addMatcher(isAnyOf(copyExperimentByList.rejected), (state) => {
+        state.loading = false
+      })
   },
 })