-
- Cloud Panel
-
-
Hardware id
diff --git a/src/renderer/routes/test_sequencer_panel/components/panels/ControlPanel.tsx b/src/renderer/routes/test_sequencer_panel/components/panels/ControlPanel.tsx
new file mode 100644
index 000000000..986909c28
--- /dev/null
+++ b/src/renderer/routes/test_sequencer_panel/components/panels/ControlPanel.tsx
@@ -0,0 +1,100 @@
+import { useContext, useState } from "react";
+import { useTestSequencerState } from "@/renderer/hooks/useTestSequencerState";
+import {
+ testSequenceRunRequest,
+ testSequenceStopRequest,
+} from "../../models/models";
+import { TestSequenceElement } from "@/renderer/types/testSequencer";
+import { ImportTestModal } from "../ImportTestModal";
+import LockableButton from "../lockable/LockedButtons";
+import { TSWebSocketContext } from "@/renderer/context/testSequencerWS.context";
+import { useTestSetSave } from "@/renderer/hooks/useTestSetSave";
+import { useTestSetImport } from "@/renderer/hooks/useTestSetImport";
+import _ from "lodash";
+
+export const ControlPanel = () => {
+ const { setElems, tree, setIsLocked, backendState } = useTestSequencerState();
+ const { tSSendJsonMessage } = useContext(TSWebSocketContext);
+ const resetStatus = () => {
+ setElems.withException((elems: TestSequenceElement[]) => {
+ const newElems: TestSequenceElement[] = [...elems].map((elem) => {
+ return elem.type === "test"
+ ? {
+ ...elem,
+ status: "pending",
+ completionTime: undefined,
+ isSavedToCloud: false,
+ }
+ : { ...elem };
+ });
+ return newElems;
+ });
+ };
+
+ const handleClickRunTest = () => {
+ console.log("Start test");
+ setIsLocked(true);
+ resetStatus();
+ tSSendJsonMessage(testSequenceRunRequest(tree));
+ };
+ const handleClickStopTest = () => {
+ console.log("Stop test");
+ tSSendJsonMessage(testSequenceStopRequest(tree));
+ setIsLocked(false);
+ };
+ const testSetSave = useTestSetSave();
+ const testSetImport = useTestSetImport();
+ const [isImportModalOpen, setIsImportModalOpen] = useState(false);
+ const handleClickImportTest = () => {
+ setIsImportModalOpen(true);
+ };
+ return (
+
+
+
+
+
+
+ Add Python Tests
+
+
+ Import Test Set
+
+
+ Save Test Set
+
+
+ {backendState === "TEST_SET_START"
+ ? "Stop Test Sequence"
+ : "Run Test Sequence"}
+
+
+
+
+ );
+};
diff --git a/src/renderer/routes/test_sequencer_panel/components/panels/TestGeneratorPanel/GeneratedTest.tsx b/src/renderer/routes/test_sequencer_panel/components/panels/TestGeneratorPanel/GeneratedTest.tsx
new file mode 100644
index 000000000..c58dbbd5c
--- /dev/null
+++ b/src/renderer/routes/test_sequencer_panel/components/panels/TestGeneratorPanel/GeneratedTest.tsx
@@ -0,0 +1,45 @@
+import { TableCell, TableRow } from "@/renderer/components/ui/table";
+import { Test } from "@/renderer/types/testSequencer";
+import { Row, flexRender } from "@tanstack/react-table";
+import { useDrag } from "react-dnd";
+import {
+ ItemTypes,
+ TestSequenceDropResult,
+} from "../../../models/drag_and_drop";
+import { useTestSequencerState } from "@/renderer/hooks/useTestSequencerState";
+
+export const GeneratedTest = ({ row, ...props }: { row: Row
}) => {
+ const { elems, setElems } = useTestSequencerState();
+ const [, drag] = useDrag(
+ () => ({
+ type: ItemTypes.TestElementRow,
+ item: { row: row },
+ end: (item, monitor) => {
+ const dropResult = monitor.getDropResult();
+ if (item && dropResult) {
+ setElems((elems) => {
+ const newElems = [...elems];
+ newElems.splice(dropResult.targetIdx, 0, item.row.original);
+ return newElems;
+ });
+ }
+ },
+ }),
+ [elems],
+ );
+ return (
+
+ {row.getVisibleCells().map((cell) => (
+
+ {flexRender(cell.column.columnDef.cell, cell.getContext())}
+
+ ))}
+
+ );
+};
diff --git a/src/renderer/routes/test_sequencer_panel/components/panels/TestGeneratorPanel/TestGeneratorPanel.tsx b/src/renderer/routes/test_sequencer_panel/components/panels/TestGeneratorPanel/TestGeneratorPanel.tsx
new file mode 100644
index 000000000..9bf495714
--- /dev/null
+++ b/src/renderer/routes/test_sequencer_panel/components/panels/TestGeneratorPanel/TestGeneratorPanel.tsx
@@ -0,0 +1,231 @@
+import { Button } from "@/renderer/components/ui/button";
+import { Input } from "@/renderer/components/ui/input";
+import { Label } from "@/renderer/components/ui/label";
+import { Separator } from "@/renderer/components/ui/separator";
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/renderer/components/ui/table";
+import { GenerateTestRequest, Test } from "@/renderer/types/testSequencer";
+import {
+ ColumnDef,
+ flexRender,
+ getCoreRowModel,
+ useReactTable,
+} from "@tanstack/react-table";
+import { useState } from "react";
+import { GeneratedTest } from "./GeneratedTest";
+// import {
+// Popover,
+// PopoverContent,
+// PopoverTrigger,
+// } from "@/components/ui/popover";
+// import { CaretSortIcon, CheckIcon } from "@radix-ui/react-icons";
+// import {
+// Command,
+// CommandEmpty,
+// CommandGroup,
+// CommandInput,
+// CommandItem,
+// } from "@/renderer/components/ui/command";
+// import { cn } from "@/renderer/lib/utils";
+import { baseClient } from "@/renderer/lib/base-client";
+import { atomWithImmer } from "jotai-immer";
+import { useAtom } from "jotai";
+import {
+ ContextMenu,
+ ContextMenuContent,
+ ContextMenuItem,
+ ContextMenuTrigger,
+} from "@/renderer/components/ui/context-menu";
+import { toast } from "sonner";
+
+export const columns: ColumnDef[] = [
+ {
+ id: "name",
+ header: "Test Name",
+ cell: ({ row }) => {
+ return {row.original.testName}
;
+ },
+ },
+ {
+ id: "type",
+ header: "Test Type",
+ cell: ({ row }) => {
+ return {row.original.testType}
;
+ },
+ },
+];
+
+// const testTypes: { value: TestTypes; label: string }[] = [
+// { value: "Python", label: "Python" },
+// { value: "Pytest", label: "Pytest" },
+// ];
+
+// might need this in the future
+// const TestTypeCombobox = () => {
+// const [open, setOpen] = useState(false);
+// const [value, setValue] = useState("");
+//
+// return (
+//
+//
+//
+// {value
+// ? testTypes.find((type) => type.value === value)?.label
+// : "Select test type..."}
+//
+//
+//
+//
+// No test type found
+//
+// {testTypes.map((framework) => (
+// {
+// setValue(currentValue === value ? "" : currentValue);
+// setOpen(false);
+// }}
+// >
+// {framework.label}
+//
+// ))}
+//
+//
+//
+//
+// );
+// };
+const generatedTestsAtom = atomWithImmer([]);
+
+export const TestGeneratorPanel = () => {
+ const [data, setData] = useAtom(generatedTestsAtom);
+ const table = useReactTable({
+ data,
+ columns,
+ getCoreRowModel: getCoreRowModel(),
+ });
+ const [prompt, setPrompt] = useState("");
+ const [name, setName] = useState("");
+ const handleClickGenerate = async () => {
+ const body: GenerateTestRequest = {
+ testName: name,
+ testType: "Python",
+ prompt: prompt,
+ };
+ const { data } = await baseClient.post("generate-test", body);
+ const data_obj = JSON.parse(data);
+ setData((prevData) => {
+ return [...prevData, { ...data_obj.test }];
+ });
+ };
+ const handleRemoveTest = (testId: string) => {
+ setData((data) => data.filter((elem) => elem.id !== testId));
+ };
+ // const handleConsultCode =
+ return (
+
+
Enter test name:
+
setName(e.target.value)}
+ id="testName"
+ placeholder="Test name"
+ />
+
Enter prompt:
+
setPrompt(e.target.value)}
+ id="prompt"
+ placeholder="Example: Test basic arithmetic operations"
+ />
+ {/* No need for this for now */}
+ {/*
*/}
+
{
+ toast.promise(handleClickGenerate, {
+ loading: "Generating test...",
+ success: "Test generated successfully!",
+ });
+ }}
+ >
+ Generate
+
+
+
Generated tests:
+
+
+
+ {table.getHeaderGroups().map((headerGroup) => (
+
+ {headerGroup.headers.map((header) => {
+ return (
+
+ {header.isPlaceholder
+ ? null
+ : flexRender(
+ header.column.columnDef.header,
+ header.getContext(),
+ )}
+
+ );
+ })}
+
+ ))}
+
+
+ {table.getRowModel().rows?.length ? (
+ table.getRowModel().rows.map((row) => (
+
+
+
+
+ handleRemoveTest(row.original.id)}
+ >
+ Remove test
+
+
+
+ ))
+ ) : (
+
+
+ Generated tests will appear here
+
+
+ )}
+
+
+
+