\n \n {test.name}\n {\" \"}\n \n \n \n

\n );\n}\n\nfunction groupBySlug(tests: Test[]): Record {\n const groups = {};\n for (const test of Object.values(tests)) {\n const slug = `${test.val.author.username}/${test.val.name}`;\n if (!groups[slug]) {\n groups[slug] = [test];\n } else {\n groups[slug].push(test);\n }\n }\n\n return groups;\n}\n\nfunction useTests(initialTests: Test[]) {\n const id = (test: Test) => `${test.val.name}/${test.name}`;\n const [tests, setTests] = useState(Object.fromEntries(initialTests.map((test) => {\n return [id(test), test];\n })));\n\n const groups = groupBySlug(tests);\n\n return {\n groups,\n runTest: async (test) => {\n const testID = id(test);\n tests[testID].status = \"running\";\n setTests({ ...tests });\n const resp = await fetch(\"/api/run\", {\n method: \"POST\",\n body: JSON.stringify({\n test: test.name,\n val: test.val.name,\n }),\n });\n const { success, error } = await resp.json();\n tests[testID].status = success ? \"success\" : \"failure\";\n tests[testID].message = error;\n setTests({ ...tests });\n },\n };\n}\n\nfunction TestExplorerView({ tests }: Props) {\n const { groups, runTest } = useTests(tests);\n return (\n

\n {Object.entries(groups).map(([slug, tests], idx) => {\n let groupStatus: TestStatus | undefined;\n for (const test of tests) {\n if (test.status == \"running\") {\n groupStatus = \"running\";\n break;\n }\n if (test.status == \"failure\") {\n groupStatus = \"failure\";\n break;\n }\n\n if (test.status == \"success\") {\n groupStatus = \"success\";\n continue;\n }\n }\n\n return (\n <>\n

\n \n {slug}\n {\" \"}\n \n \n {\" \"}\n \n {\n e.preventDefault();\n for (const test of tests) {\n runTest(test);\n }\n }}\n />\n \n

\n runTest(test)}\n />\n

\n {idx < Object.keys(groups).length - 1 ?

: undefined}\n \n );\n })}\n

\n );\n}\n\nexport default function(props: { tests: Test[] }) {\n return (\n <>\n

\n \n

\n \n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/pomdtr/test_explorer_ui/code/main.tsx","extension","actionData","errors"]