testeranto 0.75.0 → 0.79.4

package/README.md

@@ -22,7 +22,7 @@ If so, then testeranto might be the testing tool you have been looking for!
 
 ## about
 
-Testeranto.ts an Acceptance Test Driven Development ([ATDD](https://en.wikipedia.org/wiki/Acceptance_test-driven_development)) framework. It focuses on strongly-typed tests, specified in a gherkin-like syntax. Testeranto includes a framework to help write your tests, a test runner to schedule the tests and a reporter to display the results.
+Testeranto.ts an typescript Acceptance Test Driven Development ([ATDD](https://en.wikipedia.org/wiki/Acceptance_test-driven_development)) framework. It includes a library of common patterns to help write your tests, a test runner to schedule the tests and a reporter to display the results. The tests are specified in a strongly-typed gherkin-like syntax. Features are tracked _as code_, rather than living in a separate app. Tests can be run in the browser frontend or the node backend, or both! Testeranto can be used to test _anything_ that can be bundled with esbuild.
 
 ## Getting started
 
@@ -45,11 +45,11 @@ Testeranto.ts an Acceptance Test Driven Development ([ATDD](https://en.wikipedia
 
 ## 3 distinguishing features of testeranto
 
-1. Rather than testing your code directly, Testeranto requires you wrap your code with a semantic interface which is based on TS type signatures. These interfaces can be shared and your code is now tested through the gherkin-ish directives provided by that interface.
+1. Rather than testing your code directly, Testeranto requires you wrap your code with a semantic interface which is based on TS type signatures. These interfaces can be shared and your code is tested through the gherkin-ish directives provided by that interface.
 
-2. Testeranto tracks features and test results directly in the source code. You may be accustomed to using tools like Jira and Trello to define user stories and assign story points- Under Testeranto, this data lives within the code base _as_ typescript code. Features are defined as nodes within a directed graph, allowing the reporter to summarize these features and their test results.
+2. Testeranto tracks features and tests results directly in the source code. You may be accustomed to using tools like Jira and Trello to define user stories and assign story points. Using Testeranto, this data lives within the code base _as_ typescript code. Features are defined as nodes within a directed graph, allowing the reporter to summarize these features and their test results.
 
-3. Testeranto is designed for both the backend and the frontend. It leverages electron to provide both of these runtimes. Each of your tests can be executed in the backend node runtime, within the frontend chromium browser runtime, or both.
+3. Testeranto is designed for both the backend and the frontend. It leverages puppeteer to provide both of these runtimes. Each of your tests can be executed in the backend node runtime, within the frontend chromium browser runtime, or both.
 
 ## the good parts
 
@@ -65,11 +65,11 @@ Rather than the traditional method of specifying tests in plain text, Testeranto
 
 ## the bad parts
 
-Testeranto is not designed to maximize performance.
+Testeranto is very flexible and unopinionated, but not designed to maximize performance.
 
-Testeranto does not (yet!) of a means of allowing non-coders to affect changes so, as they say, "get good 💪!"
+Testeranto does not (yet!) allow a means of allowing non-coders to affect changes so, as they say, "git good 💪!"
 
-Because Testeranto is so un-opinionated that it does not provide test infrastructure. You will need to find an existing recipe or implement it yourself, though a public repo of test interfaces exists.
+Testeranto uses ONLY node v8 and chromium. It does not support bun or deno, nor firefox nor safari.
 
 ## How it works
 
@@ -81,14 +81,30 @@ Testeranto is comprised of 3 parts
 - Build the node-style tests
 - Build the web-style tests
 
-2. The test runner watches the output of those build processes and launches the tests as those files change.
+2. The test runner watches the output of those build processes and launches the tests as those files change. It uses puppeteer to run web tests in chromium. It uses dynamic loading to import the node tests directly into the node v8 process.
+
 3. A Report which links your features, your tests and the results of those tests into a handy website.
 
+## CLI
+
+There are 3 commands you should add to your `package.json`
+
+```
+// build the tests once
+"testeranto-esbuild": "ts-node-esm testeranto.mts",
+
+// build the tests, watching for changes
+"testeranto-esbuild-dev": "ts-node-esm testeranto.mts",
+
+// run the tests
+"testeranto-puppeteer":"ts-node-esm node_modules/testeranto/dist/module/Puppeteer.js",
+```
+
 ## Hybrid tests
 
 Consider the a scenario: You have an http server which serves a frontend react component. You have multiple ways you can test this.
 
-- A node test of the logic of the http server
+- A node test of the logic of the http server.
 - A node test of the full http server, tested over http request.
 - A node test of the react component with react-test-render
 - A web test of the react component rendering it to the dom.
@@ -112,18 +128,3 @@ This is designed so that each piece can be worked upon separately. You can think
 - "Product Manager" handles the "specification"
 - "Middle Engineer" handles the "interface"
 - "Junior Engineer" handles the "implementation"
-
-## CLI
-
-There are 3 commands you should add to your `package.json`
-
-```
-// build the tests once
-"testeranto-esbuild": "ts-node-esm testeranto.mts",
-
-// build the tests, watching for changes
-"testeranto-esbuild-dev": "ts-node-esm testeranto.mts",
-
-// run the tests
-"testeranto-puppeteer":"ts-node-esm node_modules/testeranto/dist/module/Puppeteer.js",
-```

package/TaskMan.Dockerfile

@@ -0,0 +1,23 @@
+FROM node:latest
+RUN mkdir -p /usr/src/app
+WORKDIR /usr/src/app
+COPY package.json /usr/src/app
+RUN yarn install
+COPY ./src/ /usr/src/app/src
+COPY prebuild.sh /usr/src/app
+COPY postBuild.sh /usr/src/app
+
+
+RUN yarn build
+
+RUN cp ./dist/prebuild/TaskManBackEnd.mjs /usr/src/app/TaskManBackEnd.mjs
+RUN cp ./dist/prebuild/TaskManFrontEnd.js /usr/src/app/TaskManFrontEnd.mjs
+RUN cp ./dist/prebuild/TaskManFrontEnd.css /usr/src/app/TaskManFrontEnd.css
+
+# RUN ts-node-esm ./node_modules/testeranto/dist/prebuild/TaskManBackEnd.mjs
+
+EXPOSE 3000
+EXPOSE 27017
+ENV MONGO_HOST=host.docker.internal
+# CMD ['yarn', 'testeranto-testrun', '&', 'yarn', 'testeranto-taskman']
+CMD ["node", "./TaskManBackEnd.mjs"]

package/TaskMan1.Dockerfile

@@ -0,0 +1,23 @@
+FROM node:latest
+RUN mkdir -p /usr/src/app
+WORKDIR /usr/src/app
+COPY package.json /usr/src/app
+RUN yarn install
+COPY ./src/ /usr/src/app/src
+# COPY prebuild.sh /usr/src/app
+# COPY postBuild.sh /usr/src/app
+
+
+# RUN yarn build
+
+RUN cp ./node_modules/testeranto/dist/prebuild/TaskManBackEnd.mjs /usr/src/app/TaskManBackEnd.mjs
+RUN cp ./node_modules/testeranto/dist/prebuild/TaskManFrontEnd.js /usr/src/app/TaskManFrontEnd.mjs
+RUN cp ./node_modules/testeranto/dist/prebuild/TaskManFrontEnd.css /usr/src/app/TaskManFrontEnd.css
+
+# RUN ts-node-esm ./node_modules/testeranto/dist/prebuild/TaskManBackEnd.mjs
+
+EXPOSE 3000
+EXPOSE 27017
+ENV MONGO_HOST=host.docker.internal
+# CMD ['yarn', 'testeranto-testrun', '&', 'yarn', 'testeranto-taskman']
+CMD ["node", "./TaskManBackEnd.mjs"]

package/devBot.dockerfile

@@ -0,0 +1,12 @@
+FROM node:latest
+RUN mkdir -p /usr/src/app
+WORKDIR /usr/src/app
+COPY package.json /usr/src/app
+RUN yarn install
+COPY ./ /usr/src/app
+
+# RUN yarn testeranto-esbuild
+
+# EXPOSE 3000
+# CMD ['yarn', 'testeranto-testrun', '&', 'yarn', 'testeranto-taskman']
+CMD ['yarn', 'testeranto-taskman']

package/dist/TaskMan.Dockerfile

@@ -0,0 +1,23 @@
+FROM node:latest
+RUN mkdir -p /usr/src/app
+WORKDIR /usr/src/app
+COPY package.json /usr/src/app
+RUN yarn install
+COPY ./src/ /usr/src/app/src
+COPY prebuild.sh /usr/src/app
+COPY postBuild.sh /usr/src/app
+
+
+RUN yarn build
+
+RUN cp ./dist/prebuild/TaskManBackEnd.mjs /usr/src/app/TaskManBackEnd.mjs
+RUN cp ./dist/prebuild/TaskManFrontEnd.js /usr/src/app/TaskManFrontEnd.mjs
+RUN cp ./dist/prebuild/TaskManFrontEnd.css /usr/src/app/TaskManFrontEnd.css
+
+# RUN ts-node-esm ./node_modules/testeranto/dist/prebuild/TaskManBackEnd.mjs
+
+EXPOSE 3000
+EXPOSE 27017
+ENV MONGO_HOST=host.docker.internal
+# CMD ['yarn', 'testeranto-testrun', '&', 'yarn', 'testeranto-taskman']
+CMD ["node", "./TaskManBackEnd.mjs"]

package/dist/common/Node.js

@@ -12,6 +12,7 @@ class NodeTesteranto extends core_js_1.default {
     }
     async receiveTestResourceConfig(partialTestResource) {
         const t = JSON.parse(partialTestResource);
+        console.log("receiveTestResourceConfig", t);
         const pm = new node_js_1.PM_Node(t);
         const { failed, artifacts, logPromise } = await this.testJobs[0].receiveTestResourceConfig(pm);
         pm.customclose();

package/dist/common/PM/index.js

@@ -1,71 +1,7 @@
 "use strict";
-// import {
-//   Browser,
-//   BrowserContext,
-//   BrowserContextOptions,
-//   DebugInfo,
-//   Page,
-//   PuppeteerNode,
-//   Target,
-// } from "puppeteer-core";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PM = void 0;
 const fPaths = [];
 class PM {
 }
 exports.PM = PM;
-// export class PuppetMasterBrowser extends Browser {
-//   process(): ChildProcess | null {
-//     return super.process();
-//   }
-//   createBrowserContext(
-//     options?: BrowserContextOptions
-//   ): Promise<BrowserContext> {
-//     throw new Error("Method not implemented.");
-//   }
-//   browserContexts(): BrowserContext[] {
-//     throw new Error("Method not implemented.");
-//   }
-//   defaultBrowserContext(): BrowserContext {
-//     throw new Error("Method not implemented.");
-//   }
-//   wsEndpoint(): string {
-//     throw new Error("Method not implemented.");
-//   }
-//   newPage(): Promise<Page> {
-//     throw new Error("Method not implemented.");
-//   }
-//   targets(): Target[] {
-//     throw new Error("Method not implemented.");
-//   }
-//   target(): Target {
-//     throw new Error("Method not implemented.");
-//   }
-//   version(): Promise<string> {
-//     throw new Error("Method not implemented.");
-//   }
-//   userAgent(): Promise<string> {
-//     throw new Error("Method not implemented.");
-//   }
-//   close(): Promise<void> {
-//     throw new Error("Method not implemented.");
-//   }
-//   disconnect(): Promise<void> {
-//     throw new Error("Method not implemented.");
-//   }
-//   get connected(): boolean {
-//     throw new Error("Method not implemented.");
-//   }
-//   get debugInfo(): DebugInfo {
-//     throw new Error("Method not implemented.");
-//   }
-//   constructor(...z: []) {
-//     super(...z);
-//   }
-//   // pages(): Promise<Page[]>;
-//   pages(): Promise<Page[]> {
-//     return new Promise<Page[]>((res, rej) => {
-//       res(super.pages());
-//     });
-//   }
-// }

package/dist/common/PM/main.js

@@ -31,6 +31,7 @@ const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const puppeteer_core_1 = __importDefault(require("puppeteer-core"));
 const index_js_1 = require("./index.js");
+const utils_js_1 = require("../utils.js");
 const fPaths = [];
 const fileStreams3 = [];
 const files = {}; // = new Set<string>();
@@ -62,6 +63,7 @@ class PM_Main extends index_js_1.PM {
             }
             else if (testConfigResource.ports > 0) {
                 const openPorts = Object.entries(this.ports).filter(([portnumber, portopen]) => portopen);
+                console.log("openPorts", openPorts);
                 if (openPorts.length >= testConfigResource.ports) {
                     for (let i = 0; i < testConfigResource.ports; i++) {
                         portsToUse.push(openPorts[i][0]);
@@ -72,7 +74,7 @@ class PM_Main extends index_js_1.PM {
                         name: src,
                         // ports: [3333],
                         ports: portsToUse,
-                        fs: ".",
+                        fs: destFolder,
                         browserWSEndpoint: this.browser.wsEndpoint(),
                     });
                 }
@@ -86,6 +88,14 @@ class PM_Main extends index_js_1.PM {
                 process.exit(-1);
             }
             const builtfile = dest + ".mjs";
+            await Promise.all(testConfig[3].map((sidecar) => {
+                if (sidecar[1] === "web") {
+                    return this.launchWebSideCar(sidecar[0], (0, utils_js_1.destinationOfRuntime)(sidecar[0], "web", this.configs), sidecar);
+                }
+                if (sidecar[1] === "node") {
+                    return this.launchNodeSideCar(sidecar[0], (0, utils_js_1.destinationOfRuntime)(sidecar[0], "node", this.configs), sidecar);
+                }
+            }));
             this.server[builtfile] = await Promise.resolve().then(() => __importStar(require(`${builtfile}?cacheBust=${Date.now()}`))).then((module) => {
                 return module.default.then((defaultModule) => {
                     defaultModule
@@ -99,12 +109,231 @@ class PM_Main extends index_js_1.PM {
                     });
                 });
             });
+            console.log("portsToUse", portsToUse);
+            for (let i = 0; i <= portsToUse.length; i++) {
+                if (portsToUse[i]) {
+                    this.ports[portsToUse[i]] = "true"; //port is open again
+                }
+            }
+        };
+        this.launchWebSideCar = async (src, dest, testConfig) => {
+            const d = dest + ".mjs";
+            console.log("launchWebSideCar", src, dest, d);
+            const destFolder = dest.replace(".mjs", "");
+            const webArgz = JSON.stringify({
+                name: dest,
+                ports: [].toString(),
+                fs: destFolder,
+                browserWSEndpoint: this.browser.wsEndpoint(),
+            });
+            const evaluation = `
+    console.log("importing ${dest}.mjs");
+    import('${dest}.mjs').then(async (x) => {
+      console.log("imported", x.default);
+    })`;
+            const fileStreams2 = [];
+            const doneFileStream2 = [];
+            return new Promise((res, rej) => {
+                this.browser
+                    .newPage()
+                    .then((page) => {
+                    page.on("console", (msg) => {
+                        console.log("web > ", msg.args(), msg.text());
+                        // for (let i = 0; i < msg._args.length; ++i)
+                        //   console.log(`${i}: ${msg._args[i]}`);
+                    });
+                    page.exposeFunction("custom-screenshot", async (ssOpts, testName) => {
+                        console.log("main.ts browser custom-screenshot", testName);
+                        const p = ssOpts.path;
+                        const dir = path_1.default.dirname(p);
+                        fs_1.default.mkdirSync(dir, {
+                            recursive: true,
+                        });
+                        files[testName].add(ssOpts.path);
+                        const sPromise = page.screenshot(Object.assign(Object.assign({}, ssOpts), { path: p }));
+                        if (!screenshots[testName]) {
+                            screenshots[testName] = [];
+                        }
+                        screenshots[testName].push(sPromise);
+                        // sPromise.then(())
+                        await sPromise;
+                        return sPromise;
+                        // page.evaluate(`window["screenshot done"]`);
+                    });
+                    page.exposeFunction("writeFileSync", (fp, contents, testName) => {
+                        const dir = path_1.default.dirname(fp);
+                        fs_1.default.mkdirSync(dir, {
+                            recursive: true,
+                        });
+                        const p = new Promise(async (res, rej) => {
+                            fs_1.default.writeFileSync(fp, contents);
+                            res(fp);
+                        });
+                        doneFileStream2.push(p);
+                        if (!files[testName]) {
+                            files[testName] = new Set();
+                        }
+                        files[testName].add(fp);
+                        return p;
+                    });
+                    page.exposeFunction("existsSync", (fp, contents) => {
+                        return fs_1.default.existsSync(fp);
+                    });
+                    page.exposeFunction("mkdirSync", (fp) => {
+                        if (!fs_1.default.existsSync(fp)) {
+                            return fs_1.default.mkdirSync(fp, {
+                                recursive: true,
+                            });
+                        }
+                        return false;
+                    });
+                    page.exposeFunction("createWriteStream", (fp, testName) => {
+                        const f = fs_1.default.createWriteStream(fp);
+                        if (!files[testName]) {
+                            files[testName] = new Set();
+                        }
+                        files[testName].add(fp);
+                        const p = new Promise((res, rej) => {
+                            res(fp);
+                        });
+                        doneFileStream2.push(p);
+                        f.on("close", async () => {
+                            await p;
+                        });
+                        fileStreams2.push(f);
+                        return Object.assign(Object.assign({}, JSON.parse(JSON.stringify(f))), { uid: fileStreams2.length - 1 });
+                    });
+                    page.exposeFunction("write", async (uid, contents) => {
+                        return fileStreams2[uid].write(contents);
+                    });
+                    page.exposeFunction("end", async (uid) => {
+                        return fileStreams2[uid].end();
+                    });
+                    page.exposeFunction("customclose", (p, testName) => {
+                        fs_1.default.writeFileSync(p + "/manifest.json", JSON.stringify(Array.from(files[testName])));
+                        delete files[testName];
+                        Promise.all(screenshots[testName] || []).then(() => {
+                            delete screenshots[testName];
+                            page.close();
+                        });
+                        // globalThis["writeFileSync"](
+                        //   p + "/manifest.json",
+                        //   // files.entries()
+                        //   JSON.stringify(Array.from(files[testName]))
+                        // );
+                        // console.log("closing doneFileStream2", doneFileStream2);
+                        // console.log("closing doneFileStream2", doneFileStream2);
+                        // Promise.all([...doneFileStream2, ...screenshots2]).then(() => {
+                        //   page.close();
+                        // });
+                        // Promise.all(screenshots).then(() => {
+                        //   page.close();
+                        // });
+                        // setTimeout(() => {
+                        //   console.log("Delayed for 1 second.");
+                        //   page.close();
+                        // }, 5000);
+                        // return page.close();
+                    });
+                    return page;
+                })
+                    .then(async (page) => {
+                    page.on("console", (log) => console.debug(`Log from client: [${log.text()}] `));
+                    await page.goto(`file://${`${dest}.html`}`, {});
+                    res(page);
+                    // page.evaluate(evaluation).finally(() => {
+                    //   console.log("evaluation failed.", dest);
+                    // });
+                    // return page;
+                });
+            });
+        };
+        // launchNodeSideCar = async (src: string, dest: string) => {};
+        this.launchNodeSideCar = async (src, dest, testConfig) => {
+            const d = dest + ".mjs";
+            console.log("launchNodeSideCar", src, dest, d);
+            const destFolder = dest.replace(".mjs", "");
+            let argz = "";
+            // const testConfig = this.configs.tests.find((t) => {
+            //   return t[0] === src;
+            // });
+            // if (!testConfig) {
+            //   console.error("missing test config");
+            //   process.exit(-1);
+            // }
+            const testConfigResource = testConfig[2];
+            let portsToUse = [];
+            if (testConfigResource.ports === 0) {
+                argz = JSON.stringify({
+                    scheduled: true,
+                    name: src,
+                    ports: portsToUse,
+                    fs: destFolder,
+                    browserWSEndpoint: this.browser.wsEndpoint(),
+                });
+            }
+            else if (testConfigResource.ports > 0) {
+                const openPorts = Object.entries(this.ports).filter(([portnumber, portopen]) => portopen);
+                console.log("openPorts", openPorts);
+                if (openPorts.length >= testConfigResource.ports) {
+                    for (let i = 0; i < testConfigResource.ports; i++) {
+                        portsToUse.push(openPorts[i][0]);
+                        this.ports[openPorts[i][0]] = false; // port is now closed
+                    }
+                    argz = JSON.stringify({
+                        scheduled: true,
+                        name: src,
+                        // ports: [3333],
+                        ports: portsToUse,
+                        fs: ".",
+                        browserWSEndpoint: this.browser.wsEndpoint(),
+                    });
+                }
+                else {
+                    this.queue.push(src);
+                    return;
+                }
+            }
+            else {
+                console.error("negative port makes no sense", src);
+                process.exit(-1);
+            }
+            const builtfile = dest + ".mjs";
+            // console.log(
+            //   "node builtfile",
+            //   (await import(`${builtfile}?cacheBust=${Date.now()}`)).default
+            // );
+            this.server[builtfile] = await Promise.resolve().then(() => __importStar(require(`${builtfile}?cacheBust=${Date.now()}`))).then((module) => {
+                return module.default.then((defaultModule) => {
+                    console.log("defaultModule", defaultModule);
+                    const s = new defaultModule();
+                    s.receiveTestResourceConfig(argz);
+                    // Object.create(defaultModule);
+                    // defaultModule
+                    //   .receiveTestResourceConfig(argz)
+                    //   .then((x) => {
+                    //     console.log("then", x);
+                    //     return x;
+                    //   })
+                    //   .catch((e) => {
+                    //     console.log("catch", e);
+                    //   });
+                });
+            });
+            console.log("portsToUse", portsToUse);
             for (let i = 0; i <= portsToUse.length; i++) {
-                this.ports[i] = true; //port is open again
+                if (portsToUse[i]) {
+                    this.ports[portsToUse[i]] = "true"; //port is open again
+                }
             }
         };
-        this.launchWeb = (t, dest) => {
+        this.launchWeb = (t, dest, sidecars) => {
             console.log("launchWeb", t, dest);
+            sidecars.map((sidecar) => {
+                if (sidecar[1] === "node") {
+                    return this.launchNodeSideCar(sidecar[0], (0, utils_js_1.destinationOfRuntime)(sidecar[0], "node", this.configs), sidecar);
+                }
+            });
             const destFolder = dest.replace(".mjs", "");
             const webArgz = JSON.stringify({
                 name: dest,
@@ -112,8 +341,10 @@ class PM_Main extends index_js_1.PM {
                 fs: destFolder,
                 browserWSEndpoint: this.browser.wsEndpoint(),
             });
-            const evaluation = `import('${dest}.mjs').then(async (x) => {
-      console.log("imported", x, (x.default));
+            const evaluation = `
+    console.log("importing ${dest}.mjs");
+    import('${dest}.mjs').then(async (x) => {
+      console.log("imported", x.default);
       try {
         await (await x.default).receiveTestResourceConfig(${webArgz})
       } catch (e) {
@@ -121,18 +352,25 @@ class PM_Main extends index_js_1.PM {
       }
     })`;
             const fileStreams2 = [];
-            // const screenshots2: Promise<any>[] = [];
             const doneFileStream2 = [];
             this.browser
                 .newPage()
                 .then((page) => {
-                page.exposeFunction("custom-screenshot", async (ssOpts, testName) => {
+                page.on("console", (msg) => {
+                    console.log("web > ", msg.args(), msg.text());
+                    // for (let i = 0; i < msg._args.length; ++i)
+                    //   console.log(`${i}: ${msg._args[i]}`);
+                });
+                page.exposeFunction("customScreenShot", async (ssOpts, testName) => {
                     console.log("main.ts browser custom-screenshot", testName);
                     const p = ssOpts.path;
                     const dir = path_1.default.dirname(p);
                     fs_1.default.mkdirSync(dir, {
                         recursive: true,
                     });
+                    if (!files[testName]) {
+                        files[testName] = new Set();
+                    }
                     files[testName].add(ssOpts.path);
                     const sPromise = page.screenshot(Object.assign(Object.assign({}, ssOpts), { path: p }));
                     if (!screenshots[testName]) {
@@ -194,6 +432,7 @@ class PM_Main extends index_js_1.PM {
                     return fileStreams2[uid].end();
                 });
                 page.exposeFunction("customclose", (p, testName) => {
+                    console.log("\t closing", p);
                     fs_1.default.writeFileSync(p + "/manifest.json", JSON.stringify(Array.from(files[testName])));
                     delete files[testName];
                     Promise.all(screenshots[testName] || []).then(() => {
@@ -222,6 +461,7 @@ class PM_Main extends index_js_1.PM {
                 return page;
             })
                 .then(async (page) => {
+                page.on("console", (log) => console.debug(`Log from client: [${log.text()}] `));
                 await page.goto(`file://${`${dest}.html`}`, {});
                 page.evaluate(evaluation).finally(() => {
                     console.log("evaluation failed.", dest);
@@ -244,6 +484,7 @@ class PM_Main extends index_js_1.PM {
             return false;
         };
         globalThis["writeFileSync"] = (filepath, contents, testName) => {
+            console.log("globalThis-writeFileSync", filepath);
             // Create directories if they don't exist
             const dir = path_1.default.dirname(filepath.split("/").slice(0, -1).join("/"));
             fs_1.default.mkdirSync(dir, {
@@ -271,6 +512,33 @@ class PM_Main extends index_js_1.PM {
         globalThis["end"] = (uid) => {
             fileStreams3[uid].end();
         };
+        globalThis["customScreenShot"] = async (opts, page) => {
+            // // fileStreams3[uid].write(contents);
+            // // console.log("asd", opts.path.split("/").slice(0, -1).join("/"));
+            // // const dir = path.dirname(opts.path.split("/").slice(0, -1).join("/"));
+            // // console.log("dir", dir);
+            // fs.mkdirSync(opts.path.split("/").slice(0, -1).join("/"), {
+            //   recursive: true,
+            // });
+            // return page.screenshot(opts);
+            console.log("main.ts node custom-screenshot", page);
+            const p = opts.path;
+            const dir = path_1.default.dirname(p);
+            fs_1.default.mkdirSync(dir, {
+                recursive: true,
+            });
+            if (!files[opts.path]) {
+                files[opts.path] = new Set();
+            }
+            files[opts.path].add(opts.path);
+            const sPromise = page.screenshot(Object.assign(Object.assign({}, opts), { path: p }));
+            if (!screenshots[opts.path]) {
+                screenshots[opts.path] = [];
+            }
+            screenshots[opts.path].push(sPromise);
+            await sPromise;
+            return sPromise;
+        };
         globalThis["customclose"] = (p, testName) => {
             if (!files[testName]) {
                 files[testName] = new Set();
@@ -301,6 +569,9 @@ class PM_Main extends index_js_1.PM {
         //   // return page.close();
         // });
     }
+    customScreenShot(opts) {
+        throw new Error("Method not implemented.");
+    }
     async startPuppeteer(options, destfolder) {
         this.browser = await puppeteer_core_1.default.launch(options);
         return this.browser;

package/dist/common/PM/node.js

@@ -15,6 +15,9 @@ class PM_Node extends index_js_1.PM {
         this.server = {};
         this.testResourceConfiguration = t;
     }
+    customScreenShot(opts, page) {
+        return globalThis["customScreenShot"](opts, page);
+    }
     existsSync(destFolder) {
         return globalThis["existsSync"](this.testResourceConfiguration.fs + "/" + destFolder);
     }
@@ -25,6 +28,7 @@ class PM_Node extends index_js_1.PM {
         return globalThis["write"](writeObject.uid, contents);
     }
     writeFileSync(filepath, contents) {
+        console.log("pm_node-writeFileSync", this.testResourceConfiguration);
         return globalThis["writeFileSync"](this.testResourceConfiguration.fs + "/" + filepath, contents, this.testResourceConfiguration.name);
     }
     createWriteStream(filepath) {

package/dist/common/PM/web.js

@@ -12,6 +12,9 @@ class PM_Web extends index_js_1.PM {
         this.server = {};
         this.testResourceConfiguration = t;
     }
+    customScreenShot(opts) {
+        window["customScreenShot"](opts);
+    }
     existsSync(destFolder) {
         return window["existsSync"](destFolder);
     }