testeranto 0.158.0 → 0.159.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "testeranto",
   "description": "the AI powered BDD test framework for typescript projects",
-  "version": "0.158.0",
+  "version": "0.159.0",
   "engines": {
     "node": "18.18.0"
   },

package/src/Init.ts

@@ -8,7 +8,6 @@ export default async () => {
     `testeranto/bundles/node`,
     `testeranto/bundles/web`,
     `testeranto/bundles/pure`,
-    `testeranto/reports`,
     `testeranto/reports/`,
     `testeranto/features/`,
     `testeranto/externalTests/`,

package/src/TestPage.tsx

@@ -43,6 +43,13 @@ export const TestPage = () => {
   const [lintErrors, setLintErrors] = useState<string>('');
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
+  const [testsExist, setTestsExist] = useState<boolean>(true);
+  const [errorCounts, setErrorCounts] = useState({
+    typeErrors: 0,
+    staticErrors: 0,
+    runTimeErrors: 0
+  });
+  const [summary, setSummary] = useState<any>(null);
 
   const { projectName, '*': splat } = useParams();
   const pathParts = splat ? splat.split('/') : [];
@@ -57,13 +64,36 @@ export const TestPage = () => {
 
     const fetchData = async () => {
       try {
-        const { testData, logs, typeErrors, lintErrors } = await fetchTestData(projectName, testPath, runtime);
-        setTestData(testData);
-        setLogs(logs);
-        setTypeErrors(typeErrors);
-        setLintErrors(lintErrors);
+        // First fetch test data
+        const testResponse = await fetchTestData(projectName, testPath, runtime);
+        setTestData(testResponse.testData);
+        setTestsExist(!!testResponse.testData);
+        setLogs(testResponse.logs);
+        setTypeErrors(testResponse.typeErrors);
+        setLintErrors(testResponse.lintErrors);
+
+        // Then fetch summary.json
+        try {
+          const summaryResponse = await fetch(`reports/${projectName}/summary.json`);
+          if (!summaryResponse.ok) throw new Error('Failed to fetch summary');
+          const allSummaries = await summaryResponse.json();
+          const testSummary = allSummaries[testPath];
+
+          console.log("testSummary", testSummary)
+          if (testSummary) {
+            setSummary(testSummary);
+            setErrorCounts({
+              typeErrors: testSummary.typeErrors || 0,
+              staticErrors: testSummary.staticErrors || 0,
+              runTimeErrors: testSummary.runTimeErrors || 0
+            });
+          }
+        } catch (err) {
+          console.error('Failed to load summary:', err);
+        }
       } catch (err) {
         setError(err instanceof Error ? err.message : 'Unknown error');
+        setTestsExist(false);
       } finally {
         setLoading(false);
       }
@@ -83,30 +113,30 @@ export const TestPage = () => {
         navItems={[
           {
             to: `#results`,
-            label: testData?.givens.some(g => g.whens.some(w => w.error) || g.thens.some(t => t.error))
+            label: !testsExist
               ? '❌ BDD'
-              : '✅ BDD',
+              : testData?.givens.some(g => g.whens.some(w => w.error) || g.thens.some(t => t.error))
+                ? '❌ BDD'
+                : '✅ BDD',
             active: route === 'results'
           },
           {
             to: `#logs`,
-            label: logs?.includes('error') || logs?.includes('fail')
-              ? '❌ Logs'
-              : '✅ Logs',
+            label: `Runtime logs`,
             active: route === 'logs'
           },
           {
             to: `#types`,
-            label: typeErrors
-              ? `❌ ${typeErrors.split('\n').filter(l => l.includes('error')).length} Type Errors`
-              : '✅ Type check',
+            label: errorCounts.typeErrors > 0
+              ? `tsc (❌ * ${errorCounts.typeErrors})`
+              : 'tsc ✅ ',
             active: route === 'types'
           },
           {
             to: `#lint`,
-            label: lintErrors
-              ? `❌ ${lintErrors.split('\n').filter(l => l.includes('error')).length} Lint Errors`
-              : '✅ Lint',
+            label: errorCounts.staticErrors > 0
+              ? `eslint (❌ *${errorCounts.staticErrors}) `
+              : 'eslint ✅',
             active: route === 'lint'
           },
 
@@ -132,7 +162,27 @@ export const TestPage = () => {
 
         <Tab.Content className="mt-3">
           <Tab.Pane eventKey="results">
-            {testData ? (
+            {!testsExist ? (
+              <Alert variant="danger" className="mt-3">
+                <h4>Tests did not run to completion</h4>
+                <p>The test results file (tests.json) was not found or could not be loaded.</p>
+                <div className="mt-3">
+                  <Button
+                    variant="outline-light"
+                    onClick={() => setRoute('logs')}
+                    className="me-2"
+                  >
+                    View Runtime Logs
+                  </Button>
+                  <Button
+                    variant="outline-light"
+                    onClick={() => navigate(`/projects/${projectName}#${runtime}`)}
+                  >
+                    View Build Logs
+                  </Button>
+                </div>
+              </Alert>
+            ) : testData ? (
               <div className="test-results">
                 <div className="mb-3">
 

package/src/utils/api.ts

@@ -16,26 +16,52 @@ export const fetchTestData = async (
   projectName: string,
   filepath: string,
   runTime: string
-) => {
+): Promise<{
+  testData: any | null;
+  logs: string;
+  typeErrors: string;
+  lintErrors: string;
+  error: string | null;
+}> => {
   const basePath = `reports/${projectName}/${filepath
     .split(".")
     .slice(0, -1)
     .join(".")}/${runTime}`;
 
-  const [testRes, logsRes, typeRes, lintRes] = await Promise.all([
-    fetch(`${basePath}/tests.json`),
-    fetch(`${basePath}/logs.txt`),
-    fetch(`${basePath}/type_errors.txt`),
-    fetch(`${basePath}/lint_errors.txt`),
-  ]);
+  try {
+    const [testRes, logsRes, typeRes, lintRes] = await Promise.all([
+      fetch(`${basePath}/tests.json`),
+      fetch(`${basePath}/logs.txt`),
+      fetch(`${basePath}/type_errors.txt`),
+      fetch(`${basePath}/lint_errors.txt`),
+    ]);
 
-  return {
-    // testData: await testRes.json(),
-    testData: fakeTestJson,
-    logs: await logsRes.text(),
-    typeErrors: await typeRes.text(),
-    lintErrors: await lintRes.text(),
-  };
+    if (!testRes.ok) {
+      return {
+        testData: null,
+        logs: await logsRes.text(),
+        typeErrors: await typeRes.text(),
+        lintErrors: await lintRes.text(),
+        error: "Tests did not complete successfully. Please check the build and runtime logs for errors."
+      };
+    }
+
+    return {
+      testData: await testRes.json(),
+      logs: await logsRes.text(),
+      typeErrors: await typeRes.text(),
+      lintErrors: await lintRes.text(),
+      error: null
+    };
+  } catch (err) {
+    return {
+      testData: null,
+      logs: "",
+      typeErrors: "",
+      lintErrors: "",
+      error: `Failed to load test data: ${err instanceof Error ? err.message : String(err)}`
+    };
+  }
 };
 
 export const fetchBuildLogs = async (projectName: string, runtime: string) => {
@@ -45,182 +71,3 @@ export const fetchBuildLogs = async (projectName: string, runtime: string) => {
   return await res.json();
 };
 
-const fakeTestJson = {
-  name: "Testing the Rectangle class",
-  givens: [
-    {
-      key: "test0",
-      name: "Default",
-      whens: [
-        {
-          name: "setWidth: 4",
-          error: true,
-        },
-        {
-          name: "setHeight: 19",
-          error: true,
-        },
-      ],
-      thens: [
-        {
-          name: "getWidth: 4",
-          error: false,
-        },
-        {
-          name: "getHeight: 19",
-          error: false,
-        },
-      ],
-      error: null,
-      features: [
-        "https://api.github.com/repos/adamwong246/testeranto/issues/8",
-      ],
-    },
-    {
-      key: "test1",
-      name: "Default",
-      whens: [
-        {
-          name: "setWidth: 4",
-          error: true,
-        },
-        {
-          name: "setHeight: 5",
-          error: true,
-        },
-      ],
-      thens: [
-        {
-          name: "getWidth: 4",
-          error: false,
-        },
-        {
-          name: "getHeight: 5",
-          error: false,
-        },
-        {
-          name: "area: 20",
-          error: false,
-        },
-        {
-          name: "AreaPlusCircumference: 38",
-          error: false,
-        },
-      ],
-      error: null,
-      features: ["Rectangles have width and height."],
-    },
-    {
-      key: "test2",
-      name: "Default",
-      whens: [
-        {
-          name: "setHeight: 4",
-          error: true,
-        },
-        {
-          name: "setWidth: 33",
-          error: true,
-        },
-      ],
-      thens: [
-        {
-          name: "area: 132",
-          error: false,
-        },
-      ],
-      error: null,
-      features: ["Rectangles have area"],
-    },
-    {
-      key: "test2_1",
-      name: "Default",
-      whens: [],
-      thens: [
-        {
-          name: "getWidth: 2",
-          error: false,
-        },
-        {
-          name: "getHeight: 2",
-          error: false,
-        },
-      ],
-      error: null,
-      features: ["Rectangles have default size"],
-    },
-    {
-      key: "test3",
-      name: "Default",
-      whens: [
-        {
-          name: "setHeight: 5",
-          error: true,
-        },
-        {
-          name: "setWidth: 5",
-          error: true,
-        },
-      ],
-      thens: [
-        {
-          name: "area: 25",
-          error: false,
-        },
-      ],
-      error: null,
-      features: [
-        "file:///Users/adam/Code/testeranto-starter/src/Rectangle/README.md",
-      ],
-    },
-    {
-      key: "test4",
-      name: "Default",
-      whens: [
-        {
-          name: "setHeight: 6",
-          error: true,
-        },
-        {
-          name: "setWidth: 6",
-          error: true,
-        },
-      ],
-      thens: [
-        {
-          name: "area: 36",
-          error: false,
-        },
-      ],
-      error: null,
-      features: ["Rectangles have area"],
-    },
-    {
-      key: "test5",
-      name: "Default",
-      whens: [],
-      thens: [
-        {
-          name: "getWidth: 2",
-          error: false,
-        },
-        {
-          name: "getHeight: 2",
-          error: false,
-        },
-      ],
-      error: null,
-      features: ["Rectangles have default size, again"],
-    },
-  ],
-  checks: [],
-  fails: 0,
-  features: [
-    "https://api.github.com/repos/adamwong246/testeranto/issues/8",
-    "Rectangles have width and height.",
-    "Rectangles have area",
-    "Rectangles have default size",
-    "file:///Users/adam/Code/testeranto-starter/src/Rectangle/README.md",
-    "Rectangles have default size, again",
-  ],
-};