diff --git a/src/renderer/routes/test_sequencer_panel/components/PythonTestFileModal.tsx b/src/renderer/routes/test_sequencer_panel/components/PythonTestFileModal.tsx index 794ed5876..94db513fc 100644 --- a/src/renderer/routes/test_sequencer_panel/components/PythonTestFileModal.tsx +++ b/src/renderer/routes/test_sequencer_panel/components/PythonTestFileModal.tsx @@ -15,23 +15,23 @@ import { Light as SyntaxHighlighter } from "react-syntax-highlighter"; type Props = { isModalOpen: boolean; handleModalOpen: Dispatch>; - row: Row; + test: Test; }; SyntaxHighlighter.registerLanguage("python", python); -const PythonTestFileModal = ({ isModalOpen, handleModalOpen, row }: Props) => { +const PythonTestFileModal = ({ isModalOpen, handleModalOpen, test }: Props) => { const [sourceCode, setSourceCode] = useState(""); useEffect(() => { window.api - .getFileContent((row.original as Test).path.split("::")[0]) + .getFileContent(test.path.split("::")[0]) .then((content) => setSourceCode(content)); - }, [row.original]); + }, [test]); return ( - {(row.original as Test).testName} + {test.testName}

Python code diff --git a/src/renderer/routes/test_sequencer_panel/components/data-table/DataTable.tsx b/src/renderer/routes/test_sequencer_panel/components/data-table/DataTable.tsx index d27ad0e43..322f8f0c4 100644 --- a/src/renderer/routes/test_sequencer_panel/components/data-table/DataTable.tsx +++ b/src/renderer/routes/test_sequencer_panel/components/data-table/DataTable.tsx @@ -38,6 +38,7 @@ import { ConditionalComponent, Conditional, StatusTypes, + Test, } from "@/renderer/types/testSequencer"; import { useTestSequencerState } from "@/renderer/hooks/useTestSequencerState"; import { parseInt, filter, map } from "lodash"; @@ -56,6 +57,7 @@ import { HoverCardContent, HoverCardTrigger, } from "@/components/ui/hover-card"; +import PythonTestFileModal from "../PythonTestFileModal"; function renderErrorMessage(text: string): JSX.Element { const lines = text.split("\n"); @@ -93,6 +95,8 @@ export function DataTable() { const { elems, setElems, running } = useTestSequencerState(); const [addIfStatement] = useState(false); const indentLevels = getIndentLevels(elems); + const [openPyTestFileModal, setOpenPyTestFileModal] = useState(false); + const [testToDisplay, setTestToDisplay] = useState(null); const columns: ColumnDef[] = [ { @@ -363,6 +367,13 @@ export function DataTable() { handleWriteConditionalModalOpen={setShowWriteConditionalModal} handleWrite={handleWriteConditionalModal} /> + {openPyTestFileModal && ( + + )}
Remove Test + {row.original.type === "test" && ( + { + setOpenPyTestFileModal(true); + setTestToDisplay(row.original as Test); + }} + > + Consult Code + + )} )) diff --git a/src/renderer/routes/test_sequencer_panel/components/data-table/test-name-cell.tsx b/src/renderer/routes/test_sequencer_panel/components/data-table/test-name-cell.tsx index f73716a4f..b5224b2ae 100644 --- a/src/renderer/routes/test_sequencer_panel/components/data-table/test-name-cell.tsx +++ b/src/renderer/routes/test_sequencer_panel/components/data-table/test-name-cell.tsx @@ -6,7 +6,6 @@ import { import { CellContext } from "@tanstack/react-table"; import { Loader } from "lucide-react"; import React, { useState } from "react"; -import PythonTestFileModal from "../PythonTestFileModal"; type Props = { cellProps: CellContext; indentLevels: number[]; @@ -33,18 +32,13 @@ const IndentLine = ({ ); const TestNameCell = ({ cellProps: { row }, indentLevels, running }: Props) => { - const [openPyTestFileModal, setOpenPyTestFileModal] = useState(false); - const isTest = row.original.type === "test"; return isTest ? ( <>
{/* Indent levels */} -
setOpenPyTestFileModal(true)} - > +
{ {running.includes(row.original.id) && }
- {/* Conditionally add modal component to unmount it on close */} - {openPyTestFileModal && ( - - )} ) : (