testeranto 0.70.0 → 0.73.0

package/src/PM/web.ts

@@ -0,0 +1,497 @@
+import { PassThrough } from "stream";
+import { ITLog, ITTestResourceConfiguration } from "../lib";
+import { PM } from "./index.js";
+import puppeteer from "puppeteer-core/lib/esm/puppeteer/puppeteer-core-browser.js";
+
+// type IFPaths = string[];
+// const fPaths: IFPaths = [];
+
+type PuppetMasterServer = Record<string, Promise<any>>;
+
+function waitForFunctionCall() {
+  return new Promise<void>((resolve) => {
+    window["myFunction"] = () => {
+      // Do something when myFunction is called
+      console.log("myFunction was called!");
+      resolve(); // Resolve the promise
+    };
+  });
+}
+
+const files = new Set<string>();
+
+export class PM_Web extends PM {
+  server: PuppetMasterServer;
+  // testResourceConfiguration: ITTestResourceConfiguration;
+
+  constructor(t: ITTestResourceConfiguration) {
+    super();
+    this.server = {};
+    this.testResourceConfiguration = t;
+  }
+
+  existsSync(destFolder: string): boolean {
+    return window["existsSync"](destFolder);
+  }
+
+  mkdirSync() {
+    return window["mkdirSync"](this.testResourceConfiguration.fs + "/");
+  }
+
+  write(writeObject: { uid: number }, contents: string) {
+    return window["write"](writeObject.uid, contents);
+  }
+
+  writeFileSync(filepath: string, contents: string) {
+    console.log("WEB writeFileSync", filepath);
+    files.add(filepath);
+    return window["writeFileSync"](
+      this.testResourceConfiguration.fs + "/" + filepath,
+      contents
+    );
+  }
+
+  createWriteStream(filepath: string): any {
+    files.add(filepath);
+    return window["createWriteStream"](
+      this.testResourceConfiguration.fs + "/" + filepath
+    );
+  }
+
+  end(writeObject: { uid: number }) {
+    return window["end"](writeObject.uid);
+  }
+
+  customclose() {
+    window["writeFileSync"](
+      this.testResourceConfiguration.fs + "/manifest.json",
+      // files.entries()
+      JSON.stringify(Array.from(files))
+    ).then(() => {
+      window["customclose"]();
+    });
+  }
+
+  testArtiFactoryfileWriter(tLog: ITLog, callback: (Promise) => void) {
+    return (fPath, value: string | Buffer | PassThrough) => {
+      callback(
+        new Promise<void>((res, rej) => {
+          tLog("testArtiFactory =>", fPath);
+
+          // const cleanPath = path.resolve(fPath);
+          // fPaths.push(cleanPath.replace(process.cwd(), ``));
+
+          // const targetDir = cleanPath.split("/").slice(0, -1).join("/");
+
+          // fs.mkdir(targetDir, { recursive: true }, async (error) => {
+          //   if (error) {
+          //     console.error(`❗️testArtiFactory failed`, targetDir, error);
+          //   }
+
+          //   fs.writeFileSync(
+          //     path.resolve(
+          //       targetDir.split("/").slice(0, -1).join("/"),
+          //       "manifest"
+          //     ),
+          //     fPaths.join(`\n`),
+          //     {
+          //       encoding: "utf-8",
+          //     }
+          //   );
+
+          //   if (Buffer.isBuffer(value)) {
+          //     fs.writeFileSync(fPath, value, "binary");
+          //     res();
+          //   } else if (`string` === typeof value) {
+          //     fs.writeFileSync(fPath, value.toString(), {
+          //       encoding: "utf-8",
+          //     });
+          //     res();
+          //   } else {
+          //     /* @ts-ignore:next-line */
+          //     const pipeStream: PassThrough = value;
+          //     const myFile = fs.createWriteStream(fPath);
+          //     pipeStream.pipe(myFile);
+          //     pipeStream.on("close", () => {
+          //       myFile.close();
+          //       res();
+          //     });
+          //   }
+          // });
+        })
+      );
+    };
+  }
+
+  startPuppeteer(options, destFolder: string): Promise<any> {
+    return fetch(`http://localhost:3234/json/version`)
+      .then((v) => {
+        return v.json();
+      })
+      .then((json) => {
+        console.log("found endpoint", json.webSocketDebuggerUrl);
+        return puppeteer
+          .connect({
+            browserWSEndpoint: json.webSocketDebuggerUrl,
+          })
+          .then((b) => {
+            this.browser = b;
+            const handler2 = {
+              get(target, prop, receiver) {
+                if (prop === "screenshot") {
+                  return async (x) => {
+                    // debugger;
+                    files.add(x.path);
+                    console.log("aloha", files);
+                    return await window["custom-screenshot"]({
+                      ...x,
+                      path: destFolder + "/" + x.path,
+                    });
+                  };
+                } else if (prop === "mainFrame") {
+                  return () => target[prop](...arguments);
+                } else {
+                  return Reflect.get(...arguments);
+                }
+              },
+            };
+            const handler1 = {
+              get(target, prop, receiver) {
+                if (prop === "pages") {
+                  return async () => {
+                    return target.pages().then((pages) => {
+                      return pages.map((p) => {
+                        return new Proxy(p, handler2);
+                      });
+                    });
+                  };
+                }
+
+                return Reflect.get(...arguments);
+              },
+            };
+
+            const proxy3 = new Proxy(this.browser, handler1);
+            this.browser = proxy3;
+          });
+      });
+    // console.log("connecting to ws://localhost:3234/devtools/browser/RANDOM");
+
+    // return puppeteer
+    //   .connect({
+    //     ...options,
+    //   })
+    //   .finally(() => {
+    //     console.log("idk");
+    //   });
+    // return new Promise<Browser>(async (res, rej) => {
+    //   console.log("connecting with options", options);
+    //   this.browser = await puppeteer.connect({
+    //     ...options,
+    //   });
+    //   res(this.browser);
+    // });
+  }
+
+  // launchNode = (src: string, dest: string) => {
+  //   console.log("launchNode", src);
+  //   // childProcesses[src] = "running";
+  //   const destFolder = dest.replace(".mjs", "");
+
+  //   const argz = JSON.stringify({
+  //     scheduled: true,
+  //     name: src,
+  //     ports: [3333],
+  //     // fs: path.resolve(configs.buildDir, "web", destFolder + "/"),
+  //     // fs: destFolder,
+  //     fs: ".",
+  //   });
+
+  //   const builtfile = dest + ".mjs";
+  //   console.log("importing and running ", builtfile);
+  //   // import(builtfile).then(async (v) => {
+  //   //   console.log("v", (await v.default).receiveTestResourceConfig(argz));
+  //   // });
+
+  //   // console.log("launchNode", src, dest, " -> ", destFolder, argz);
+
+  //   // const child = utilityProcess.fork(dest + ".mjs", [argz], {
+  //   //   cwd: destFolder,
+  //   //   stdio: "pipe",
+  //   // });
+  //   // const nodeGuid = uuidv4();
+  //   // nodeChildren[nodeGuid] = child;
+
+  //   // if (!fs.existsSync(destFolder)) {
+  //   //   fs.mkdirSync(destFolder, { recursive: true });
+  //   // }
+
+  //   // fs.rmSync(`${destFolder}/stdout.log`, { force: true });
+  //   // fs.rmSync(`${destFolder}/stderr.log`, { force: true });
+  //   // const stdout = fs.createWriteStream(`${destFolder}/stdout.log`);
+  //   // const stderr = fs.createWriteStream(`${destFolder}/stderr.log`);
+
+  //   // child
+  //   //   .on("message", (data) => {
+  //   //     console.log("from child", JSON.stringify(data));
+  //   //     if (data.launchWeb) {
+  //   //       const guid = uuidv4();
+  //   //       const webChild = launchWebSecondary(process.cwd() + data.launchWeb);
+  //   //       // child.postMessage({ webLaunched: guid });
+
+  //   //       webChild.webContents.on("did-finish-load", () => {
+  //   //         // webChild.webContents.send("message", "hello world");
+  //   //         child.postMessage({ webLaunched: guid });
+  //   //         webChildren[guid] = webChild;
+  //   //         node2web[nodeGuid] = [...(node2web[nodeGuid] || []), guid];
+  //   //       });
+  //   //     }
+  //   //     if (data.teardown) {
+  //   //       webChildren[data.teardown].close();
+  //   //       delete webChildren[data.teardown];
+  //   //       node2web[nodeGuid] = node2web[nodeGuid].filter(
+  //   //         (x) => x !== data.teardown
+  //   //       );
+  //   //     }
+  //   //   })
+  //   //   .on("exit", (data) => {
+  //   //     stdout.close();
+  //   //     stderr.close();
+  //   //     console.log(`ending node ${src}`);
+  //   //     onDone(src);
+  //   //   });
+
+  //   // child.stdout?.pipe(stdout);
+  //   // child.stderr?.pipe(stderr);
+  // };
+
+  // const launchWebSecondary = (htmlFile: string): BrowserWindow => {
+  //   console.log("launchWebSecondary", htmlFile);
+  //   const subWin = new BrowserWindow({
+  //     show: false,
+
+  //     webPreferences: {
+  //       nodeIntegration: true,
+  //       nodeIntegrationInWorker: true,
+  //       contextIsolation: false,
+  //       preload: path.join(app.getAppPath(), "preload.js"),
+  //       offscreen: false,
+  //       devTools: true,
+  //     },
+  //   });
+  //   remoteMain.enable(subWin.webContents);
+  //   subWin.webContents.openDevTools();
+  //   subWin.loadFile(htmlFile);
+  //   return subWin;
+
+  //   // const uuid = uuidv4();
+  //   // windows[uuid] = subWin;
+  //   // return uuid;
+  // };
+
+  // const launchWeb = (t: string, dest: string) => {
+  //   console.log("launchWeb", t);
+  //   childProcesses[t] = "running";
+  //   const destFolder = dest.replace(".mjs", "");
+
+  //   const subWin = new BrowserWindow({
+  //     show: true,
+  //     webPreferences: {
+  //       nodeIntegration: true,
+  //       nodeIntegrationInWorker: true,
+  //       contextIsolation: false,
+  //       preload: path.join(app.getAppPath(), "preload.js"),
+  //       offscreen: false,
+  //       devTools: true,
+  //     },
+  //   });
+
+  //   webChildren[uuidv4()] = subWin;
+
+  //   remoteMain.enable(subWin.webContents);
+
+  //   const webArgz = JSON.stringify({
+  //     name: dest,
+  //     ports: [].toString(),
+  //     fs: destFolder,
+  //   });
+
+  //   // console.log("webArgz", webArgz);
+  //   subWin.loadFile(`${dest}.html`, {
+  //     query: {
+  //       requesting: encodeURIComponent(webArgz),
+  //     },
+  //   });
+
+  //   if (!fs.existsSync(destFolder)) {
+  //     fs.mkdirSync(destFolder, { recursive: true });
+  //   }
+  //   const stdout = fs.createWriteStream(`${destFolder}/stdout.log`);
+
+  //   subWin.webContents.on(
+  //     "console-message",
+  //     (event, level, message, line, sourceId) => {
+  //       stdout.write(
+  //         JSON.stringify(
+  //           {
+  //             event,
+  //             level,
+  //             message: JSON.stringify(message),
+  //             line,
+  //             sourceId,
+  //           },
+  //           null,
+  //           2
+  //         )
+  //       );
+  //       stdout.write("\n");
+  //     }
+  //   );
+  //   subWin.on("closed", () => {
+  //     stdout.close();
+  //     console.log(`ending web ${t}`);
+  //     // childProcesses[t] = "done";
+  //     onDone(t);
+  //   });
+  //   ipcMain.on("message", (message, data) => {
+  //     console.log("ipcMain message: " + JSON.stringify(data));
+  //     // process.exit();
+  //   });
+  // };
+
+  // return await import("${dest}.mjs");
+
+  // launchWeb = (t: string, dest: string) => {
+  //   console.log("launchWeb", t, dest);
+  //   // childProcesses[t] = "running";
+  //   const destFolder = dest.replace(".mjs", "");
+
+  //   const webArgz = JSON.stringify({
+  //     name: dest,
+  //     ports: [].toString(),
+  //     fs: destFolder,
+  //   });
+
+  //   const evaluation = `import('${dest}.mjs').then(async (x) => {
+  //     console.log(x);
+  //   })`;
+
+  //   // console.log("evaluation", evaluation);
+
+  //   // const y = browser
+  //   //   .newPage()
+  //   //   .then(async (page) => {
+  //   //     // const codeString = "1 + 1";
+  //   //     await page.goto(
+  //   //       // "file:///Users/adam/Code/kokomoBay/docs/web/src/LoginPage/react/web.test.html"
+  //   //       `file://${`${dest}.html`}`
+  //   //     );
+  //   //     //         page.url
+  //   //     //         page.setContent(`
+
+  //   //     // <!DOCTYPE html>
+  //   //     // <html lang="en">
+
+  //   //     // <head>
+
+  //   //     // </head>
+
+  //   //     // <body>
+  //   //     //   <h1>/Users/adam/Code/kokomoBay/docs/web/src/LoginPage/react/web.test.html</h1>
+  //   //     //   <div id="root">
+
+  //   //     //   </div>
+  //   //     // </body>
+
+  //   //     // <footer></footer>
+
+  //   //     // </html>
+  //   //     // `);
+  //   //     // return await page.evaluate((code) => eval(code), evaluation);
+
+  //   //     return await page.evaluate(evaluation);
+  //   //     // return await page.evaluate(async () => {
+  //   //     //   return await import(dest);
+  //   //     // });
+  //   //   })
+  //   //   .then((x) => {
+  //   //     console.log("mark1", x);
+  //   //   });
+  //   // .then((x) => {
+  //   //   console.log("mark0", x);
+  //   // })
+  //   // .catch((z) => {
+  //   //   console.log("mark2", z);
+  //   // });
+
+  //   //   const subWin = new BrowserWindow({
+  //   //     show: true,
+  //   //     webPreferences: {
+  //   //       nodeIntegration: true,
+  //   //       nodeIntegrationInWorker: true,
+  //   //       contextIsolation: false,
+  //   //       preload: path.join(app.getAppPath(), "preload.js"),
+  //   //       offscreen: false,
+  //   //       devTools: true,
+  //   //     },
+  //   //   });
+
+  //   //   webChildren[uuidv4()] = subWin;
+
+  //   //   remoteMain.enable(subWin.webContents);
+
+  //   //   // console.log("webArgz", webArgz);
+  //   //   subWin.loadFile(`${dest}.html`, {
+  //   //     query: {
+  //   //       requesting: encodeURIComponent(webArgz),
+  //   //     },
+  //   //   });
+
+  //   //   if (!fs.existsSync(destFolder)) {
+  //   //     fs.mkdirSync(destFolder, { recursive: true });
+  //   //   }
+  //   //   const stdout = fs.createWriteStream(`${destFolder}/stdout.log`);
+
+  //   //   subWin.webContents.on(
+  //   //     "console-message",
+  //   //     (event, level, message, line, sourceId) => {
+  //   //       stdout.write(
+  //   //         JSON.stringify(
+  //   //           {
+  //   //             event,
+  //   //             level,
+  //   //             message: JSON.stringify(message),
+  //   //             line,
+  //   //             sourceId,
+  //   //           },
+  //   //           null,
+  //   //           2
+  //   //         )
+  //   //       );
+  //   //       stdout.write("\n");
+  //   //     }
+  //   //   );
+  //   //   subWin.on("closed", () => {
+  //   //     stdout.close();
+  //   //     console.log(`ending web ${t}`);
+  //   //     // childProcesses[t] = "done";
+  //   //     onDone(t);
+  //   //   });
+  //   //   ipcMain.on("message", (message, data) => {
+  //   //     console.log("ipcMain message: " + JSON.stringify(data));
+  //   //     // process.exit();
+  //   //   });
+  // };
+}
+
+// class PuppetMasterServer extends AbstractPuppetMaster {
+//   // constructor(...z: []) {
+//   //   super(...z);
+//   // }
+//   // // pages(): Promise<Page[]>;
+//   // pages(): Promise<Page[]> {
+//   //   return new Promise<Page[]>((res, rej) => {
+//   //     res(super.pages());
+//   //   });
+//   // }
+// }

package/src/Project.ts

@@ -109,6 +109,25 @@ export class ITProject {
 
     const [nodeEntryPoints, webEntryPoints] = getRunnables(this.config.tests);
 
+    // nodeEntryPoints.forEach((nep) => {
+    //   const f = `${process.cwd()}/${nep}`;
+    //   console.log("nep", f);
+    //   import(f).then((module) => {
+    //     return module.default.then((defaultModule) => {
+    //       console.log("defaultModule", defaultModule);
+    //       // defaultModule
+    //       //   .receiveTestResourceConfig(argz)
+    //       //   .then((x) => {
+    //       //     console.log("then", x);
+    //       //     return x;
+    //       //   })
+    //       //   .catch((e) => {
+    //       //     console.log("catch", e);
+    //       //   });
+    //     });
+    //   });
+    // });
+
     glob(`./${config.outdir}/chunk-*.mjs`, { ignore: "node_modules/**" }).then(
       (chunks) => {
         chunks.forEach((chunk) => {
@@ -213,8 +232,8 @@ const getRunnables = (
       pt[1].add(cv[0]);
     }
 
-    if (cv[2].length) {
-      getRunnables(cv[2], payload);
+    if (cv[3].length) {
+      getRunnables(cv[3], payload);
     }
 
     return pt;

package/src/Puppeteer.ts

@@ -0,0 +1,131 @@
+import readline from "readline";
+import fs from "fs";
+import path from "path";
+import { jsonc } from "jsonc";
+import { v4 as uuidv4 } from "uuid";
+
+import { IBuiltConfig, IRunTime } from "./lib/types";
+
+import { PM_Main } from "./PM/main.js";
+
+var mode: "DEV" | "PROD" = process.argv[2] === "-dev" ? "DEV" : "PROD";
+
+const node2web: Record<string, string[]> = {};
+const web2node: Record<string, string[]> = {};
+const childProcesses: Record<string, "loaded" | "running" | "done"> = {};
+
+readline.emitKeypressEvents(process.stdin);
+if (process.stdin.isTTY) process.stdin.setRawMode(true);
+
+console.log("\n Puppeteer is running. Press 'q' to quit\n");
+process.stdin.on("keypress", (str, key) => {
+  if (key.name === "q") {
+    process.exit();
+  }
+});
+
+const main = async () => {
+  const configs = jsonc.parse(
+    (await fs.readFileSync("./docs/testeranto.json")).toString()
+  ) as IBuiltConfig;
+
+  const pm = new PM_Main(configs);
+
+  await pm.startPuppeteer(
+    {
+      waitForInitialPage: false,
+      executablePath: "/opt/homebrew/bin/chromium",
+      headless: true,
+      dumpio: true,
+      args: [
+        "--allow-file-access-from-files",
+        "--allow-running-insecure-content",
+        "--auto-open-devtools-for-tabs",
+        "--disable-dev-shm-usage",
+        "--disable-extensions",
+        "--disable-gpu",
+        "--disable-setuid-sandbox",
+        "--disable-site-isolation-trials",
+        "--disable-web-security",
+        "--disable-web-security",
+        "--no-first-run",
+        "--no-sandbox",
+        "--no-startup-window",
+        // "--no-zygote",
+        "--reduce-security-for-testing",
+        "--remote-allow-origins=*",
+        "--unsafely-treat-insecure-origin-as-secure=*",
+        // "--disable-features=IsolateOrigins",
+        // "--remote-allow-origins=ws://localhost:3234",
+        // "--single-process",
+        // "--unsafely-treat-insecure-origin-as-secure",
+        // "--unsafely-treat-insecure-origin-as-secure=ws://192.168.0.101:3234",
+        `--remote-debugging-port=3234`,
+
+        // "--disk-cache-dir=/dev/null",
+        // "--disk-cache-size=1",
+        // "--start-maximized",
+      ],
+    },
+    "."
+  );
+
+  const destinationOfRuntime = (f: string, r: IRunTime) => {
+    return path
+      .normalize(`${configs.buildDir}/${r}/${f}`)
+      .split(".")
+      .slice(0, -1)
+      .join(".");
+  };
+
+  configs.tests.forEach(([test, runtime, secondaryArtifacts]) => {
+    if (runtime === "node") {
+      pm.launchNode(test, destinationOfRuntime(test, "node"));
+    } else if (runtime === "web") {
+      pm.launchWeb(test, destinationOfRuntime(test, "web"));
+    } else {
+      console.error("runtime makes no sense", runtime);
+    }
+  });
+
+  console.log("ready and watching for changes...", configs.buildDir);
+  fs.watch(
+    configs.buildDir,
+    {
+      recursive: true,
+    },
+    (eventType, changedFile) => {
+      if (changedFile) {
+        configs.tests.forEach(([test, runtime, secondaryArtifacts]) => {
+          if (eventType === "change" || eventType === "rename") {
+            if (
+              changedFile ===
+              test
+                .replace("./", "node/")
+                .split(".")
+                .slice(0, -1)
+                .concat("mjs")
+                .join(".")
+            ) {
+              pm.launchNode(test, destinationOfRuntime(test, "node"));
+            }
+
+            if (
+              changedFile ===
+              test
+                .replace("./", "web/")
+                .split(".")
+                .slice(0, -1)
+                .concat("mjs")
+                .join(".")
+            ) {
+              pm.launchWeb(test, destinationOfRuntime(test, "web"));
+            }
+          }
+        });
+      }
+    }
+  );
+};
+
+main();