testeranto 0.167.0 → 0.171.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "testeranto",
   "description": "the AI powered BDD test framework for typescript projects",
-  "version": "0.167.0",
+  "version": "0.171.0",
   "engines": {
     "node": "18.18.0"
   },
@@ -204,7 +204,8 @@
     "react-dom": "18.2.0",
     "react-router-dom": "^7.7.0",
     "sass": "^1.89.2",
-    "testeranto": "",
+    "testeranto": "latest",
+    "testeranto-react": "^0.0.2",
     "tsc-prog": "^2.3.0",
     "tsx": "^4.19.3",
     "type-fest": "^4.41.0",

package/src/App.tsx

@@ -3,31 +3,27 @@
 import React from 'react';
 import ReactDom from "react-dom/client";
 import { HashRouter as Router, Routes, Route } from 'react-router-dom';
-import { ProjectsPage } from './ProjectsPage';
-import { ProjectPage } from './ProjectPage';
-import { TestPage } from './TestPage';
+
+import { TestPage } from './components/stateful/TestPage';
 import { Container } from 'react-bootstrap';
 import { SettingsButton } from './SettingsButton';
+import { ProjectPage } from './components/stateful/ProjectPage';
+import { ProjectsPage } from './components/stateful/ProjectsPage';
 
 export const App = () => {
   return (
     <Router>
       <div className="d-flex flex-column min-vh-100" key={window.location.pathname}>
-
         <main className="flex-grow-1 p-3">
           <Container fluid>
             <Routes>
               <Route path="/" element={<ProjectsPage />} />
               <Route path="/projects/:projectName" element={<ProjectPage />} />
-              <Route
-                path="/projects/:projectName/tests/*"
-                element={<TestPage />}
-              />
+              <Route path="/projects/:projectName/tests/*" element={<TestPage />} />
               <Route path="/projects/:projectName#:tab" element={<ProjectPage />} />
             </Routes>
           </Container>
         </main>
-
         <footer className="bg-light py-3 d-flex justify-content-between align-items-center">
           <div className="ms-3">
             <SettingsButton />

package/src/PM/index.ts

@@ -20,7 +20,7 @@ export abstract class PM {
     testName: string
   ): Promise<string>;
   abstract customclose();
-  abstract customScreenShot(opts: object, page?: string): any;
+  abstract customScreenShot(opts: { path: string }, page?: string): any;
   abstract end(uid: number): Promise<boolean>;
   abstract existsSync(fp: string): Promise<boolean>;
   abstract focusOn(selector: string): any;

package/src/PM/main.ts

@@ -242,11 +242,9 @@ export class PM_Main extends PM_WithEslintAndTsc {
         slowMo: 1,
         waitForInitialPage: false,
         executablePath,
-
-        headless: true,
-
+        headless: false,
         dumpio: false,
-        devtools: false,
+        devtools: true,
 
         args: [
           "--disable-features=site-per-process",
@@ -369,36 +367,36 @@ export class PM_Main extends PM_WithEslintAndTsc {
     // });
   }
 
-  async launchExternalTest(
-    externalTestName: string,
-    externalTest: {
-      watch: string[];
-      exec: string;
-    }
-  ) {
-    // fs.mkdirSync(`testeranto/externalTests/${externalTestName}`);
-    // exec(externalTest.exec, (error, stdout, stderr) => {
-    //   if (error) {
-    //     fs.writeFileSync(
-    //       `testeranto/externalTests/${externalTestName}/exitcode.txt`,
-    //       `${error.name}\n${error.message}\n${error.code}\n`
-    //     );
-    //   } else {
-    //     fs.writeFileSync(
-    //       `testeranto/externalTests/${externalTestName}/exitcode.txt`,
-    //       `0`
-    //     );
-    //   }
-    //   fs.writeFileSync(
-    //     `testeranto/externalTests/${externalTestName}/stdout.txt`,
-    //     stdout
-    //   );
-    //   fs.writeFileSync(
-    //     `testeranto/externalTests/${externalTestName}/stderr.txt`,
-    //     stderr
-    //   );
-    // });
-  }
+  // async launchExternalTest(
+  //   externalTestName: string,
+  //   externalTest: {
+  //     watch: string[];
+  //     exec: string;
+  //   }
+  // ) {
+  //   // fs.mkdirSync(`testeranto/externalTests/${externalTestName}`);
+  //   // exec(externalTest.exec, (error, stdout, stderr) => {
+  //   //   if (error) {
+  //   //     fs.writeFileSync(
+  //   //       `testeranto/externalTests/${externalTestName}/exitcode.txt`,
+  //   //       `${error.name}\n${error.message}\n${error.code}\n`
+  //   //     );
+  //   //   } else {
+  //   //     fs.writeFileSync(
+  //   //       `testeranto/externalTests/${externalTestName}/exitcode.txt`,
+  //   //       `0`
+  //   //     );
+  //   //   }
+  //   //   fs.writeFileSync(
+  //   //     `testeranto/externalTests/${externalTestName}/stdout.txt`,
+  //   //     stdout
+  //   //   );
+  //   //   fs.writeFileSync(
+  //   //     `testeranto/externalTests/${externalTestName}/stderr.txt`,
+  //   //     stderr
+  //   //   );
+  //   // });
+  // }
 
   async stop() {
     console.log(ansiC.inverse("Testeranto-Run is shutting down gracefully..."));
@@ -544,7 +542,7 @@ export class PM_Main extends PM_WithEslintAndTsc {
 
     const builtfile = dest;
 
-    const webSideCares: Page[] = [];
+    // const webSideCares: Page[] = [];
 
     // fs.writeFileSync(
     //   `${reportDest}/stdlog.txt`,
@@ -586,47 +584,49 @@ export class PM_Main extends PM_WithEslintAndTsc {
                 statusMessagePretty(results.fails, src, "pure");
                 this.bddTestIsNowDone(src, results.fails);
               })
-              .catch((e) => {
+              .catch((e1) => {
                 console.log(
-                  ansiC.red(`launchPure - ${src} errored with: ${e}`)
+                  ansiC.red(`launchPure - ${src} errored with: ${e1}`)
                 );
                 this.bddTestIsNowDone(src, -1);
+                statusMessagePretty(-1, src, "pure");
               });
             // .finally(() => {
             //   // webSideCares.forEach((webSideCar) => webSideCar.close());
             // });
           })
-          .catch((e) => {
+          .catch((e2) => {
             console.log(
               ansiColors.red(
                 `pure ! ${src} failed to execute. No "tests.json" file was generated. Check ${reportDest}/logs.txt for more info`
               )
             );
 
-            this.writeFileSync(`${reportDest}/logs.txt`, e.stack, src);
+            this.writeFileSync(`${reportDest}/logs.txt`, e2.stack, src);
             this.bddTestIsNowDone(src, -1);
             statusMessagePretty(-1, src, "pure");
             // console.error(e);
           })
           .finally((x) => {
-            const fileSet = files[src] || new Set();
-            fs.writeFileSync(
-              reportDest + "/manifest.json",
-              JSON.stringify(Array.from(fileSet))
-            );
+            // const fileSet = files[src] || new Set();
+            // fs.writeFileSync(
+            //   reportDest + "/manifest.json",
+            //   JSON.stringify(Array.from(fileSet))
+            // );
           });
       });
-    } catch (e) {
+    } catch (e3) {
       console.log(
         ansiC.red(
           ansiC.inverse(
-            `${src} 1 errored with: ${e}. Check ${reportDest}/logs.txt for more info`
+            `${src} 1 errored with: ${e3}. Check ${reportDest}/logs.txt for more info`
           )
         )
       );
-      this.writeFileSync(`${reportDest}/logs.txt`, e.stack, src);
+      this.writeFileSync(`${reportDest}/logs.txt`, e3.stack, src);
       this.bddTestIsNowDone(src, -1);
       statusMessagePretty(-1, src, "pure");
+      console.log("III) PURE IS EXITING BADLY WITH error", e3);
     }
 
     for (let i = 0; i <= portsToUse.length; i++) {
@@ -787,7 +787,7 @@ export class PM_Main extends PM_WithEslintAndTsc {
       });
       child.on("error", (err) => {});
       child.on("close", (code) => {
-        oStream.close();
+        // oStream.close();
         server.close();
 
         if (!files[src]) {
@@ -795,10 +795,10 @@ export class PM_Main extends PM_WithEslintAndTsc {
         }
         // files[src].add(filepath);
 
-        fs.writeFileSync(
-          reportDest + "/manifest.json",
-          JSON.stringify(Array.from(files[src]))
-        );
+        // fs.writeFileSync(
+        //   reportDest + "/manifest.json",
+        //   JSON.stringify(Array.from(files[src]))
+        // );
 
         if (code === 255) {
           console.log(
@@ -808,6 +808,8 @@ export class PM_Main extends PM_WithEslintAndTsc {
           );
           this.bddTestIsNowDone(src, -1);
           statusMessagePretty(-1, src, "node");
+          oStream.close();
+          return;
         } else if (code === 0) {
           this.bddTestIsNowDone(src, 0);
           statusMessagePretty(0, src, "node");
@@ -876,10 +878,10 @@ export class PM_Main extends PM_WithEslintAndTsc {
             }
             // files[src].add(filepath);
 
-            fs.writeFileSync(
-              destFolder + "/manifest.json",
-              JSON.stringify(Array.from(files[src]))
-            );
+            // fs.writeFileSync(
+            //   destFolder + "/manifest.json",
+            //   JSON.stringify(Array.from(files[src]))
+            // );
 
             delete files[src];
 
@@ -1250,7 +1252,7 @@ export class PM_Main extends PM_WithEslintAndTsc {
       try {
         return await (await x.default).receiveTestResourceConfig(${webArgz})
       } catch (e) {
-        console.log("fail", e)
+        console.log("web run failure", e.toString())
       }
     })`;
 
@@ -1283,10 +1285,10 @@ export class PM_Main extends PM_WithEslintAndTsc {
           }
           // files[t].add(filepath);
 
-          fs.writeFileSync(
-            destFolder + "/manifest.json",
-            JSON.stringify(Array.from(files[src]))
-          );
+          // fs.writeFileSync(
+          //   destFolder + "/manifest.json",
+          //   JSON.stringify(Array.from(files[src]))
+          // );
           delete files[src];
 
           Promise.all(screenshots[src] || []).then(() => {
@@ -1294,12 +1296,14 @@ export class PM_Main extends PM_WithEslintAndTsc {
             page.close();
             oStream.close();
           });
+          console.log("ostream is closed");
+          return;
         };
 
         page.on("pageerror", (err: Error) => {
           console.log(
             ansiColors.red(
-              `web ! ${src} failed to execute. No "tests.json" file was generated. Check ${reportDest}/logs.txt for more info`
+              `web ! ${src} failed to execute No "tests.json" file was generated. Check ${reportDest}/logs.txt for more info`
             )
           );
 
@@ -1326,38 +1330,39 @@ export class PM_Main extends PM_WithEslintAndTsc {
         });
 
         page.on("console", (log: ConsoleMessage) => {
-          oStream.write(log.text());
-          oStream.write("\n");
-          oStream.write(JSON.stringify(log.location()));
-          oStream.write("\n");
-          oStream.write(JSON.stringify(log.stackTrace()));
-          oStream.write("\n");
+          console.log("console message: ", log.text());
+          if (oStream.closed) {
+            console.log("missed console message: ", log.text());
+            return;
+          } else {
+            oStream.write(log.text());
+            oStream.write("\n");
+            oStream.write(JSON.stringify(log.location()));
+            oStream.write("\n");
+            oStream.write(JSON.stringify(log.stackTrace()));
+            oStream.write("\n");
+          }
         });
 
         await page.goto(`file://${`${destFolder}.html`}`, {});
 
-        this.webSidecars[Math.random()] = page.mainFrame()._id;
-
         await page
           .evaluate(evaluation)
           .then(async ({ fails, failed, features }: IFinalResults) => {
-            // this.receiveFeatures(features, destFolder, src, "web");
-            // this.receiveFeaturesV2(reportDest, src, "web");
-
             statusMessagePretty(fails, src, "web");
             this.bddTestIsNowDone(src, fails);
             close();
           })
           .catch((e) => {
-            // console.log(ansiC.red(ansiC.inverse(e)));
-
-            // console.log(
-            //   ansiC.red(
-            //     ansiC.inverse(
-            //       `web ! ${src} failed to execute. No "tests.json" file was generated. Check ${reportDest}/logs.txt for more info`
-            //     )
-            //   )
-            // );
+            console.log(ansiC.red(ansiC.inverse(e)));
+
+            console.log(
+              ansiC.red(
+                ansiC.inverse(
+                  `web ! ${src} failed to execute. No "tests.json" file was generated. Check ${reportDest}/logs.txt for more info`
+                )
+              )
+            );
             this.bddTestIsNowDone(src, -1);
           })
           .finally(() => {

package/src/PM/node.ts

@@ -4,7 +4,7 @@
 import net from "net";
 import fs from "fs";
 import path from "path";
-import { ScreencastOptions } from "puppeteer-core";
+import { ScreencastOptions, ScreenshotOptions } from "puppeteer-core";
 import { PassThrough } from "stream";
 
 import { ITLog, ITTestResourceConfiguration } from "../lib";
@@ -151,7 +151,7 @@ export class PM_Node extends PM {
     return this.send("screencastStop", ...arguments);
   }
 
-  customScreenShot(x: ScreencastOptions, y?: string) {
+  customScreenShot(x: ScreenshotOptions, y?: string) {
     const opts = x[0];
     const page = x[1];
 

package/src/ProjectsPage.tsx

@@ -1,164 +1 @@
-import ReactDom from "react-dom/client";
-import React, { useEffect, useState } from 'react';
-import { Table, Alert, Badge, Container, Navbar } from 'react-bootstrap';
-import { ISummary } from './Types';
-import { useNavigate } from 'react-router-dom';
-import { NavBar } from "./NavBar";
-
-type ProjectSummary = {
-  name: string;
-  testCount: number;
-  nodeStatus: 'success' | 'failed' | 'unknown';
-  webStatus: 'success' | 'failed' | 'unknown';
-  pureStatus: 'success' | 'failed' | 'unknown';
-};
-
-export const ProjectsPage = () => {
-  const [projects, setProjects] = useState<ProjectSummary[]>([]);
-  const [summaries, setSummaries] = useState<Record<string, ISummary>>({});
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  const navigate = useNavigate();
-  const [configs, setConfigs] = useState<Record<string, object>>({});
-
-  useEffect(() => {
-    const fetchProjects = async () => {
-      try {
-        const projectsRes = await fetch(`projects.json`);
-        const projectNames = await projectsRes.json();
-
-        // const projectNames = Object.keys(config.projects);
-        const projectsData = await Promise.all(
-          projectNames.map(async (name) => {
-            const [summaryRes, nodeRes, webRes, pureRes, configRes] = await Promise.all([
-              fetch(`reports/${name}/summary.json`),
-              fetch(`bundles/node/${name}/metafile.json`),
-              fetch(`bundles/web/${name}/metafile.json`),
-              fetch(`bundles/pure/${name}/metafile.json`),
-              fetch(`reports/${name}/config.json`),
-
-            ]);
-
-            const [summary, nodeData, webData, pureData, configData] = await Promise.all([
-              summaryRes.json(),
-              nodeRes.ok ? nodeRes.json() : { errors: ["Failed to load node build logs"] },
-              webRes.ok ? webRes.json() : { errors: ["Failed to load web build logs"] },
-              pureRes.ok ? pureRes.json() : { errors: ["Failed to load pure build logs"] },
-              configRes.json(),
-            ]);
-
-            setSummaries(prev => ({ ...prev, [name]: summary }));
-            setConfigs(prev => ({ ...prev, [name]: configData }));
-
-            return {
-              name,
-              testCount: Object.keys(summary).length,
-              nodeStatus: nodeData.errors?.length ? 'failed' : nodeData.warnings?.length ? 'warning' : 'success',
-              webStatus: webData.errors?.length ? 'failed' : webData.warnings?.length ? 'warning' : 'success',
-              pureStatus: pureData.errors?.length ? 'failed' : pureData.warnings?.length ? 'warning' : 'success',
-              config: Object.keys(configData).length,
-            };
-          })
-        );
-
-        setProjects(projectsData);
-      } catch (err) {
-        setError(err instanceof Error ? err.message : 'Unknown error');
-      } finally {
-        setLoading(false);
-      }
-    };
-
-    fetchProjects();
-  }, []);
-
-  const getStatusIcon = (status: string) => {
-    switch (status) {
-      case 'success': return '✅';
-      case 'failed': return '❌';
-      case 'warning': return '⚠️';
-      default: return '❓';
-    }
-  };
-
-  if (loading) return <div>Loading projects...</div>;
-  if (error) return <Alert variant="danger">Error: {error}</Alert>;
-
-  console.log(configs);
-
-  return (
-    <div className="p-3">
-      <NavBar title="Testeranto" backLink={null} />
-      <Table striped bordered hover responsive>
-        <thead>
-          <tr>
-            <th>Project</th>
-            <th>Tests</th>
-            <th>Node</th>
-            <th>Web</th>
-            <th>Pure</th>
-          </tr>
-        </thead>
-        <tbody>
-          {projects.map((project) => (
-            <tr key={project.name}>
-              <td>
-                <a href="#" onClick={(e) => {
-                  e.preventDefault();
-                  navigate(`/projects/${project.name}`);
-                }}>{project.name}</a>
-              </td>
-              <td>
-                <div style={{ maxHeight: '200px', overflowY: 'auto' }}>
-                  {summaries[project.name] ? (
-                    Object.keys(summaries[project.name]).map(testName => {
-                      const testData = summaries[project.name][testName];
-                      const runTime = configs[project.name].tests.find((t) => t[0] === testName)[1];
-                      const hasRuntimeErrors = testData.runTimeErrors > 0;
-                      const hasStaticErrors = testData.typeErrors > 0 || testData.staticErrors > 0;
-
-                      return (
-                        <div key={testName}>
-                          <a
-                            href={`#/projects/${project.name}/tests/${encodeURIComponent(testName)}/${runTime}`}
-                          >
-                            {hasRuntimeErrors ? '❌ ' : hasStaticErrors ? '⚠️ ' : ''}
-                            {testName.split('/').pop()}
-                          </a>
-                        </div>
-                      )
-                    })
-                  ) : (
-                    <div>Loading tests...</div>
-                  )}
-                </div>
-              </td>
-              <td>
-                <a
-                  href={`#/projects/${project.name}#node`}
-                >
-                  {getStatusIcon(project.nodeStatus)} Node build logs
-                </a>
-              </td>
-              <td>
-                <a
-                  href={`#/projects/${project.name}#web`}
-                >
-                  {getStatusIcon(project.webStatus)} Web build logs
-                </a>
-              </td>
-              <td>
-                <a
-                  href={`#/projects/${project.name}#pure`}
-                >
-                  {getStatusIcon(project.pureStatus)} Pure build logs
-                </a>
-              </td>
-            </tr>
-          ))}
-        </tbody>
-      </Table>
-    </div>
-  );
-};
+export { ProjectsPage } from './components/stateful/ProjectsPage';

package/src/Pure.ts

@@ -46,22 +46,22 @@ export class PureTesteranto<
     const t: ITTestResourceConfiguration = JSON.parse(partialTestResource);
     const pm = new PM_Pure(t);
 
-    console.log("[DEBUG] Current test jobs:", this.testJobs?.length);
+    // console.log("[DEBUG] Current test jobs:", this.testJobs?.length);
 
-    if (!this.testJobs || this.testJobs.length === 0) {
-      console.error(
-        "[ERROR] No test jobs available - checking specs:",
-        this.specs?.length
-      );
-      console.error("[ERROR] Test implementation:", this.testImplementation);
-      return {
-        failed: true,
-        fails: 1,
-        artifacts: [],
-        // logPromise: Promise.resolve(),
-        features: [],
-      };
-    }
+    // if (!this.testJobs || this.testJobs.length === 0) {
+    //   console.error(
+    //     "[ERROR] No test jobs available - checking specs:",
+    //     this.specs?.length
+    //   );
+    //   console.error("[ERROR] Test implementation:", this.testImplementation);
+    //   return {
+    //     failed: true,
+    //     fails: 1,
+    //     artifacts: [],
+    //     // logPromise: Promise.resolve(),
+    //     features: [],
+    //   };
+    // }
 
     try {
       console.log("[DEBUG] Executing test job with PM:", pm);
@@ -72,7 +72,7 @@ export class PureTesteranto<
       console.error("[ERROR] Test job failed:", e);
       return {
         failed: true,
-        fails: 1,
+        fails: -1,
         artifacts: [],
         // logPromise: Promise.resolve(),
         features: [],

package/src/ReportServer.ts

@@ -45,15 +45,58 @@ const server = http.createServer((req, res) => {
   req.on('end', () => {
     safeResponse(() => {
       const filePath = path.join(process.cwd(), req.url || '');
-      
+          
       // First check if file exists
       fs.stat(filePath, (err, stats) => {
         if (err || !stats.isFile()) {
-          // File doesn't exist - send 404 once
-          if (!res.headersSent) {
-            res.writeHead(404, { 'Content-Type': 'text/plain' });
-            res.end('File not found');
-          }
+          // Check if directory exists
+          fs.stat(filePath, (dirErr, dirStats) => {
+            if (!dirErr && dirStats.isDirectory()) {
+              // Serve directory listing
+              fs.readdir(filePath, (readErr, files) => {
+                if (readErr) {
+                  res.writeHead(500);
+                  return res.end('Error reading directory');
+                }
+                    
+                res.writeHead(200, { 'Content-Type': 'text/html' });
+                res.write(`
+                  <html>
+                    <head>
+                      <title>Directory Listing: ${req.url}</title>
+                      <style>
+                        body { font-family: sans-serif; margin: 2rem; }
+                        h1 { color: #333; }
+                        ul { list-style: none; padding: 0; }
+                        li { padding: 0.5rem; }
+                        li a { color: #0366d6; text-decoration: none; }
+                        li a:hover { text-decoration: underline; }
+                      </style>
+                    </head>
+                    <body>
+                      <h1>Directory: ${req.url}</h1>
+                      <ul>
+                        ${files.map(file => `
+                          <li>
+                            <a href="${path.join(req.url || '', file)}">
+                              ${file}${file.endsWith('/') ? '/' : ''}
+                            </a>
+                          </li>
+                        `).join('')}
+                      </ul>
+                    </body>
+                  </html>
+                `);
+                res.end();
+              });
+            } else {
+              // Neither file nor directory exists - send 404
+              if (!res.headersSent) {
+                res.writeHead(404, { 'Content-Type': 'text/plain' });
+                res.end('File not found');
+              }
+            }
+          });
           return;
         }