testeranto 0.125.3 → 0.129.0

package/README.md

@@ -16,13 +16,16 @@ example test report: [chromapdx.github.io/kokomoBay](https://chromapdx.github.io
 
 example repo: [kokomo bay](https://github.com/ChromaPDX/kokomoBay)
 
+example repo V2: [testeranto-starter](https://github.com/adamwong246/testeranto-starter)
+
 ## What is testeranto?
 
 - Testeranto produces test results which can be fed to Aider.ai to automatically fix failing tests.
 - Testeranto tests are specified in a strongly-typed gherkin-like syntax. Rather than testing your code directly, Testeranto requires you wrap your code with a semantic interface which is based on TS type signatures.
 - Testeranto can be run in the frontend or the backend, or both.
 - Testeranto can be used to test anything that can be bundled with esbuild.
-- Testeranto is _reasonably_ efficient. It is less performant than other similar js testing libraries.
+- Testeranto connects "features" to "tests". This allows the AI to read feature documentation from external systems, like Jira.
+- Testeranto generates test results into static a website which can be deployed to github pages easily.
 
 ## tech of note
 
@@ -31,16 +34,255 @@ example repo: [kokomo bay](https://github.com/ChromaPDX/kokomoBay)
 - puppeteer - provides access to both node and chrome runtimes
 - esbuild - used to quickly generate test bundles
 - aider - AI to automatically fix broken tests
+- eslint - runs upon the input files to generate a file of static analysis errors
+- tsc - runs upon the input files to generate a file of type errors
+- markdown - Markdown is used record feature files
+
+## scripts
+
+`yarn t-init`: startup a new testeranto project
+
+`yarn t-build <someTest> <once|dev>`: build the "someTest" project once, or continuously
+
+`yarn t-run <someTest> <once|dev>`: run the "someTest" project once, or continuously
+
+`yarn t-report` Run the report server
+
+`yarn t-aider PATH_TO_PROMPT_FILE`: Execute a generated prompt file to fix broken tests.
 
-## Do's and Don't
+## AI
 
-When writing your test, be careful when using platform specific features, like "fs" on node, or "window" in the browser. If you need to write to a file, or to log information, use the `utils`. Instead of platform specific libraries, like node's "assert", use a cross-platform alternative like "chai".
+Testeranto generates a "prompt" alongside test results. This prompt is passed to aider as input.
+
+```
+// input src files which can be edited by aider
+/add test/node.ts
+
+// test report files that inform aider but should not be edited
+/read testeranto/reports/allTests/node/test/node/tests.json
+/read testeranto/reports/allTests/test/node/node/lint_errors.json
+/read testeranto/reports/allTests/test/node/node/type_errors.txt
+
+// A list of features which can inform aider.
+/load testeranto/reports/allTests/node/test/node/featurePrompt.txt
+
+// tell the AI what to do
+/code Fix the failing tests described in testeranto/reports/allTests/node/test/node/tests.json. Correct any type signature errors described in the files testeranto/reports/allTests/test/node/node/type_errors.txt. Implement any method which throws "Function not implemented. Resolve the lint errors described in testeranto/reports/allTests/test/node/node/lint_errors.json"
+```
+
+## "Features"
+
+Testeranto connects "features" to tests. The features may be simple strings, but they can also take the form of local markdown files, or remote URLs to external feature tracking systems. For instance, this could be a jira ticket or a github issue. These features are used to inform the AI context.
 
 ## Platforms
 
-Testeranto runs tests in multiple runtimes. You can run the same test (more or less) in multiple contexts. Depending on your test subject, not all may be applicable
+Testeranto runs tests in multiple runtimes. You can run the same test (more or less) in multiple contexts, but depending on your test subject, not all may be applicable. For instance, if you are testing an http node server, you'll can't use the web runtime. If your code references `document` or `window`, you must use the web style. And if you wish to capture console.logs in a node context, you should use the `pure` runtime.
 
 1. Node - the test is run in node v8 via fork.
-2. Web - the test is run in chrome, in a page. If you code relies upon `window` or `document`, you should use this style.
+2. Web - the test is run in chrome, in a page.
 3. Pure - the test is dynamically imported into the main thread. It will not have access to IO (console.log, etc) but it is more performant.
-4. WebWorker - the test is tested in a web worker, in the browser, but not in a page.
+
+## Concepts
+
+Testeranto tests take some piece of javascript as input, and wraps it in testing apparatus, and then executes that test on the given platform. You must provide this apparatus in the following form:
+
+```js
+export default async <I extends IT, O extends OT, M>(
+
+  // the thing that is being tested.
+  input: I["iinput"],
+
+  testSpecification: ITestSpecification<I, O>,
+  testImplementation: ITestImplementation<I, O, M>,
+  testInterface: Partial<IWebTestInterface<I>>,
+  testResourceRequirement: ITTestResourceRequest = defaultTestResourceRequirement
+) => {
+
+  // or WebTesteranto<I, O, M> or PureTesteranto<I, O, M>
+  return new NodeTesteranto<I, O, M>(
+    input,
+    testSpecification,
+    testImplementation,
+    testResourceRequirement,
+    testInterface
+  );
+};
+
+```
+
+Practically speaking, for each thing you test, you will need to implement 3 types and 4 objects.
+
+### type I
+
+this type describes the shape of the BDD test
+
+```ts
+export type I = Ibdd_in<
+  null,
+  null,
+  Rectangle,
+  Rectangle,
+  Rectangle,
+  (...x) => (rectangle: Rectangle, utils: IPM) => Rectangle,
+  (rectangle: Rectangle, utils: IPM) => Rectangle
+>;
+```
+
+### type O
+
+this type describes the shape of the "interface"
+
+```ts
+export type O = Ibdd_out<
+  // Suite
+  {
+    Default: [string];
+  },
+  // "Given" are initial states
+  {
+    Default;
+    WidthOfOneAndHeightOfOne;
+    WidthAndHeightOf: [number, number];
+  },
+  // "Whens" are steps which change the state of the test subject
+  {
+    HeightIsPubliclySetTo: [number];
+    WidthIsPubliclySetTo: [number];
+    setWidth: [number];
+    setHeight: [number];
+  },
+  // "Thens" are steps which make assertions of the test subject
+  {
+    AreaPlusCircumference: [number];
+    circumference: [number];
+    getWidth: [number];
+    getHeight: [number];
+    area: [number];
+    prototype: [];
+  },
+  // "Checks" are similar to "Givens"
+  {
+    Default;
+    WidthOfOneAndHeightOfOne;
+    WidthAndHeightOf: [number, number];
+  }
+>;
+```
+
+### type M (optional)
+
+this type describes the modifications to the shape of the "specification". It can be used to make your BDD tests DRYer but is not necessary
+
+```ts
+export type M = {
+  givens: {
+    [K in keyof O["givens"]]: (...Iw: O["givens"][K]) => Rectangle;
+  };
+  whens: {
+    [K in keyof O["whens"]]: (
+      ...Iw: O["whens"][K]
+    ) => (rectangle: Rectangle, utils: PM) => Rectangle;
+  };
+  thens: {
+    [K in keyof O["thens"]]: (
+      ...Iw: O["thens"][K]
+    ) => (rectangle: Rectangle, utils: PM) => Rectangle;
+  };
+};
+```
+
+### the "specification" aka ITestSpecification<I, O>
+
+The test specification is the BDD tests logic. The specification implements BDD directives "Given", "When", and Then"
+
+```ts
+export const RectangleTesterantoBaseTestSpecification: ITestSpecification<
+  I,
+  O
+> = (Suite, Given, When, Then, Check) => {
+  return [
+    Suite.Default(
+      "Testing the Rectangle class",
+      {
+        // A "given" is a strict BDD test. It starts with an initial state, then executes the "whens" which update the test subject, and then executes the "thens" as a assertions.
+        test0: Given.Default(
+          // a list of features
+          ["https://api.github.com/repos/adamwong246/testeranto/issues/8"],
+          // a list of "whens"
+          [When.setWidth(4), When.setHeight(19)],
+          // a list of "thens"
+          [Then.getWidth(4), Then.getHeight(19)]
+        ),
+      },
+
+      [
+        // a "check" is a less strict style of test. Instead of lists of whens and thens, you get a function callback.
+        Check.Default("imperative style?!", [], async (rectangle) => {
+          Then.getWidth(2).thenCB(rectangle);
+          Then.getHeight(2).thenCB(rectangle);
+          When.setHeight(22).whenCB(rectangle);
+          Then.getHeight(232).thenCB(rectangle);
+        }),
+      ]
+    ),
+  ];
+};
+```
+
+### the "interface" aka testInterface: Partial<IWebTestInterface<I>>
+
+The test interface is code which is NOT BDD steps. The interface implements "before all", "after all", "before each", and "after each", all of which are optional. f
+
+```ts
+export const RectangleTesterantoBaseInterface: IPartialInterface<I> = {
+  beforeEach: async (subject, i) => {
+    return i();
+  },
+  andWhen: async function (s, whenCB, tr, utils) {
+    return whenCB(s)(s, utils);
+  },
+  butThen: async (s, t, tr, pm) => {
+    return t(s, pm);
+  },
+};
+```
+
+## the "test resource requirement" aka ITTestResourceRequest (optional)
+
+The test resource requirement describes things that the test needs to run, namely network ports. It is optional, but you should add this argument if your test needs to rely upon network ports
+
+```ts
+// TODO add example of test resource requirement
+```
+
+## Sidecars (COMING SOON)
+
+Along side your test, you can include a number of "sidecars" which are other bundled javascript assets upon which your test depends. For example, suppose you have an app with a frontend and backend component. You could run a react test in the web and include the node http server as a sidecar.
+
+## `eslint` and `tsc`
+
+Alongside the bdd tests, testeranto runs eslint and tsc upon the input files to generate a list of static analysis errors and a list of type errors, respectively.
+
+## Subprojects
+
+Testeranto has a core repo, but there are also subprojects which implement tests by type and by technology
+
+### testeranto-solidity
+
+Test a solidity contract. Also included is an example of deploying a contrct to a ganache server.
+
+### testeranto-reduxtoolkit
+
+Test a redux store.
+
+### testeranto-http
+
+Test a node http server.
+
+### testeranto-react (COMING SOON)
+
+Test a react component. You can choose from a variety of types (jsx functions, class style, etc) and you can test with `react`, `react-dom`, or `react-test-renderer`
+
+### testeranto-express (COMING SOON)
+
+### testeranto-xstate (COMING SOON)

package/dist/common/src/Node.js

@@ -26,7 +26,12 @@ class NodeTesteranto extends core_js_1.default {
 exports.NodeTesteranto = NodeTesteranto;
 const testeranto = async (input, testSpecification, testImplementation, testInterface, testResourceRequirement = index_js_1.defaultTestResourceRequirement) => {
     const t = new NodeTesteranto(input, testSpecification, testImplementation, testResourceRequirement, testInterface);
+    process.on("unhandledRejection", (reason, promise) => {
+        console.error("Unhandled Rejection at:", promise, "reason:", reason);
+        // Optionally, terminate the process or perform cleanup
+    });
     try {
+        console.log(process.argv);
         const f = await t.receiveTestResourceConfig(process.argv[2]);
         console.error("goodbye node error", f.fails);
         process.exit(f.fails);

package/dist/common/src/PM/base.js

@@ -129,7 +129,13 @@ class PM_Base {
         });
     }
     async createWriteStream(filepath, testName) {
+        const folder = filepath.split("/").slice(0, -1).join("/");
         return new Promise((res) => {
+            if (!fs_1.default.existsSync(folder)) {
+                return fs_1.default.mkdirSync(folder, {
+                    recursive: true,
+                });
+            }
             const f = fs_1.default.createWriteStream(filepath);
             fileStreams3.push(f);
             if (!files[testName]) {

package/dist/common/src/PM/index.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PM = void 0;
-const fPaths = [];
 class PM {
 }
 exports.PM = PM;

package/dist/common/src/PM/main.js

@@ -73,7 +73,7 @@ async function fileHash(filePath, algorithm = "md5") {
 }
 const statusMessagePretty = (failures, test) => {
     if (failures === 0) {
-        console.log(ansi_colors_1.default.green(ansi_colors_1.default.inverse(`> ${test} completed successfully`)));
+        console.log(ansi_colors_1.default.green(ansi_colors_1.default.inverse(`> ${test} completed successfully?!?`)));
     }
     else {
         console.log(ansi_colors_1.default.red(ansi_colors_1.default.inverse(`> ${test} failed ${failures} times`)));
@@ -135,7 +135,6 @@ class PM_Main extends base_js_1.PM_Base {
                 basePath: process.cwd(), // always required, used for relative paths
                 configFilePath: "tsconfig.json", // config to inherit from (optional)
                 compilerOptions: {
-                    rootDir: "src",
                     outDir: (0, utils_1.tscPather)(entrypoint, platform, this.name),
                     // declaration: true,
                     // skipLibCheck: true,
@@ -345,24 +344,40 @@ ${addableFiles
             //     }
             //   })
             // );
-            await Promise.resolve(`${`${builtfile}?cacheBust=${Date.now()}`}`).then(s => __importStar(require(s))).then((module) => {
-                return module.default.then((defaultModule) => {
-                    defaultModule
-                        .receiveTestResourceConfig(argz)
-                        .then(async (results) => {
-                        this.receiveFeatures(results.features, destFolder, src, "pure");
-                        statusMessagePretty(results.fails, src);
-                        this.bddTestIsNowDone(src, results.fails);
+            try {
+                await Promise.resolve(`${`${builtfile}?cacheBust=${Date.now()}`}`).then(s => __importStar(require(s))).then((module) => {
+                    return module.default
+                        .then((defaultModule) => {
+                        defaultModule
+                            .receiveTestResourceConfig(argz)
+                            .then(async (results) => {
+                            this.receiveFeatures(results.features, destFolder, src, "pure");
+                            statusMessagePretty(results.fails, src);
+                            this.bddTestIsNowDone(src, results.fails);
+                        })
+                            .catch((e) => {
+                            console.log(ansi_colors_1.default.red(ansi_colors_1.default.inverse(`${src} errored with: ${e}`)));
+                            this.bddTestIsNowDone(src, -1);
+                        })
+                            .finally(() => {
+                            webSideCares.forEach((webSideCar) => webSideCar.close());
+                        });
                     })
                         .catch((e) => {
-                        console.log(ansi_colors_1.default.red(ansi_colors_1.default.inverse(`${src} errored with: ${e}`)));
+                        console.log(ansi_colors_1.default.red(ansi_colors_1.default.inverse(`${src} errored with: ${e}. Check ${reportDest}/error.txt for more info`)));
+                        this.writeFileSync(`${reportDest}/error.txt`, e.stack, src);
                         this.bddTestIsNowDone(src, -1);
-                    })
-                        .finally(() => {
-                        webSideCares.forEach((webSideCar) => webSideCar.close());
+                        statusMessagePretty(-1, src);
+                        // console.error(e);
                     });
                 });
-            });
+            }
+            catch (e) {
+                console.log(ansi_colors_1.default.red(ansi_colors_1.default.inverse(`${src} errored with: ${e}. Check ${reportDest}/error.txt for more info`)));
+                this.writeFileSync(`${reportDest}/error.txt`, e.stack, src);
+                this.bddTestIsNowDone(src, -1);
+                statusMessagePretty(-1, src);
+            }
             // console.log("portsToUse", portsToUse);
             for (let i = 0; i <= portsToUse.length; i++) {
                 if (portsToUse[i]) {
@@ -386,7 +401,7 @@ ${addableFiles
                 return t[0] === src;
             });
             if (!testConfig) {
-                console.log(ansi_colors_1.default.inverse("missing test config! Exiting ungracefully!"));
+                console.log(ansi_colors_1.default.inverse(`missing test config! Exiting ungracefully for '${src}'`));
                 process.exit(-1);
             }
             const testConfigResource = testConfig[2];
@@ -488,11 +503,32 @@ ${addableFiles
                 });
             });
             const oStream = fs_1.default.createWriteStream(`${reportDest}/console_log.txt`);
-            const child = (0, node_child_process_1.spawn)("node", [builtfile, testResources], {
+            const child = (0, node_child_process_1.spawn)("node", [builtfile, testResources, "--trace-warnings"], {
                 stdio: ["pipe", "pipe", "pipe", "ipc"],
                 // silent: true
             });
-            const p = destFolder + "/pipe";
+            const p = destFolder + "/tpipe";
+            // exec(`lsof`, (ec, out, err) => {
+            //   console.log(ec, out, err);
+            // });
+            // if (fs.existsSync(p)) {
+            //   fs.rmSync(p);
+            // }
+            const errFile = `${reportDest}/error.txt`;
+            if (fs_1.default.existsSync(errFile)) {
+                fs_1.default.rmSync(errFile);
+            }
+            // server.on("error", (e) => {
+            //   if (e.code === "EADDRINUSE") {
+            //     console.error(e);
+            //     process.exit(-1);
+            //     // console.error("Address in use, retrying...");
+            //     // setTimeout(() => {
+            //     //   server.close();
+            //     //   server.listen(p);
+            //     // }, 1000);
+            //   }
+            // });
             server.listen(p, () => {
                 var _a, _b;
                 (_a = child.stderr) === null || _a === void 0 ? void 0 : _a.on("data", (data) => {
@@ -502,6 +538,11 @@ ${addableFiles
                     oStream.write(`stdout data ${data}`);
                 });
                 child.on("close", (code) => {
+                    console.log("close");
+                    console.log("deleting", p);
+                    if (fs_1.default.existsSync(p)) {
+                        fs_1.default.rmSync(p);
+                    }
                     oStream.close();
                     server.close();
                     if (code === null) {
@@ -516,9 +557,30 @@ ${addableFiles
                         this.bddTestIsNowDone(src, code);
                         statusMessagePretty(code, src);
                     }
-                    // haltReturns = true;
+                    haltReturns = true;
+                });
+                child.on("exit", (code) => {
+                    console.log("exit");
+                    console.log("deleting", p);
+                    if (fs_1.default.existsSync(p)) {
+                        fs_1.default.rmSync(p);
+                    }
+                    haltReturns = true;
+                });
+                child.on("error", (e) => {
+                    console.log("error");
+                    console.log("deleting", p);
+                    if (fs_1.default.existsSync(p)) {
+                        fs_1.default.rmSync(p);
+                    }
+                    haltReturns = true;
+                    console.log(ansi_colors_1.default.red(ansi_colors_1.default.inverse(`${src} errored with: ${e.name}. Check ${errFile}for more info`)));
+                    this.writeFileSync(`${reportDest}/error.txt`, e.toString(), src);
+                    this.bddTestIsNowDone(src, -1);
+                    statusMessagePretty(-1, src);
+                    // this.bddTestIsNowDone(src, -1);
+                    // statusMessagePretty(-1, src);
                 });
-                child.on("exit", (code) => { });
             });
             child.send({ path: p });
             for (let i = 0; i <= portsToUse.length; i++) {
@@ -960,7 +1022,7 @@ ${addableFiles
                         const hash = await fileHash(outputFile);
                         if (fileHashes[k] !== hash) {
                             fileHashes[k] = hash;
-                            console.log(ansi_colors_1.default.green(ansi_colors_1.default.inverse(`< ${e} ${filename}`)));
+                            console.log(ansi_colors_1.default.yellow(ansi_colors_1.default.inverse(`< ${e} ${filename}`)));
                             launcher(k, outputFile);
                         }
                     });
@@ -971,7 +1033,7 @@ ${addableFiles
             });
             this.metafileOutputs(runtime);
             watcher((0, fs_1.watch)(metafile, async (e, filename) => {
-                console.log(ansi_colors_1.default.green(ansi_colors_1.default.inverse(`< ${e} ${filename} (${runtime})`)));
+                console.log(ansi_colors_1.default.yellow(ansi_colors_1.default.inverse(`< ${e} ${filename} (${runtime})`)));
                 this.metafileOutputs(runtime);
             }));
         });

package/dist/common/src/PM/web.js

@@ -36,7 +36,7 @@ class PM_Web {
         return window["isDisabled"](selector);
     }
     getAttribute(selector, attribute) {
-        return window["getValue"](selector, attribute);
+        return window["getAttribute"](selector, attribute);
     }
     getValue(selector) {
         return window["getValue"](selector);

package/dist/common/src/ReportServer.js

@@ -5,9 +5,46 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const node_static_1 = __importDefault(require("node-static"));
 const http_1 = __importDefault(require("http"));
+// import esbuild from "esbuild";
 const main = async () => {
-    process.chdir("../"); // Navigate one level up
-    const fileServer = new node_static_1.default.Server(".", {});
+    // esbuild
+    //         .context(configer(config, Object.keys(entryPoints), testName))
+    //         .then(async (ctx) => {
+    //           if (mode === "dev") {
+    //             await ctx.watch().then((v) => {
+    //               done();
+    //             });
+    //           } else {
+    //             ctx.rebuild().then((v) => {
+    //               done();
+    //             });
+    //           }
+    //           return ctx;
+    //         });
+    //     }),
+    // await esbuild
+    //   .context({
+    //     entryPoints: [
+    //       "node_modules/testeranto/src/ReportClient.tsx",
+    //       "node_modules/testeranto/src/TestReport.tsx",
+    //       "node_modules/testeranto/src/Project.tsx",
+    //     ],
+    //     bundle: true,
+    //     format: "iife",
+    //     platform: "browser",
+    //     outdir: "./testeranto",
+    //     define: {
+    //       REPORT_ROOT: "localhost:8765",
+    //     },
+    //   })
+    //   .then(async (ctx) => {
+    //     await ctx.watch();
+    //     let { host, port } = await ctx.serve({
+    //       servedir: ".",
+    //     });
+    //   });
+    // process.chdir("../"); // Navigate one level up
+    const fileServer = new node_static_1.default.Server("./testeranto", {});
     http_1.default
         .createServer(function (request, response) {
         request

package/dist/common/src/build.js

@@ -57,6 +57,7 @@ if (mode !== "once" && mode !== "dev") {
 }
 console.log("testeranto is building", testName, mode);
 Promise.resolve(`${process.cwd() + "/" + "testeranto.config.ts"}`).then(s => __importStar(require(s))).then(async (module) => {
+    const pckge = (await Promise.resolve(`${`${process.cwd()}/package.json`}`).then(s => __importStar(require(s)))).default;
     const bigConfig = module.default;
     const project = bigConfig.projects[testName];
     if (!project) {
@@ -130,12 +131,12 @@ Promise.resolve(`${process.cwd() + "/" + "testeranto.config.ts"}`).then(s => __i
     <head>
       <meta name="description" content="Webpage description goes here" />
       <meta charset="utf-8" />
-      <title>kokomoBay - testeranto</title>
+      <title>${pckge.name} - testeranto</title>
       <meta name="viewport" content="width=device-width, initial-scale=1" />
       <meta name="author" content="" />
   
-      <link rel="stylesheet" href="/kokomoBay/testeranto/ReportClient.css" />
-      <script type="module" src="/kokomoBay/testeranto/ReportClient.js"></script>
+      <link rel="stylesheet" href="../ReportClient.css" />
+      <script type="module" src="../ReportClient.js"></script>
   
     </head>
   
@@ -155,7 +156,7 @@ Promise.resolve(`${process.cwd() + "/" + "testeranto.config.ts"}`).then(s => __i
   <head>
     <meta name="description" content="Webpage description goes here" />
     <meta charset="utf-8" />
-    <title>kokomoBay - testeranto</title>
+    <title>${pckge.name} - testeranto</title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="author" content="" />
 
@@ -163,8 +164,8 @@ Promise.resolve(`${process.cwd() + "/" + "testeranto.config.ts"}`).then(s => __i
       ${JSON.stringify(Object.keys(bigConfig.projects))}
     </script>
 
-    <link rel="stylesheet" href="/kokomoBay/testeranto/Project.css" />
-    <script type="module" src="/kokomoBay/testeranto/Project.js"></script>
+    <link rel="stylesheet" href="Project.css" />
+    <script type="module" src="Project.js"></script>
 
   </head>
 
@@ -197,6 +198,40 @@ Promise.resolve(`${process.cwd() + "/" + "testeranto.config.ts"}`).then(s => __i
     //     fs.unlinkSync(chunk);
     //   });
     // });
+    const x = [
+        ["pure", Object.keys(importEntryPoints)],
+        ["node", Object.keys(nodeEntryPoints)],
+        ["web", Object.keys(webEntryPoints)],
+    ];
+    x.forEach(async ([runtime, keys]) => {
+        keys.forEach(async (k) => {
+            const folder = `testeranto/reports/${testName}/${k
+                .split(".")
+                .slice(0, -1)
+                .join(".")}/${runtime}`;
+            await fs_1.default.mkdirSync(folder, { recursive: true });
+            fs_1.default.writeFileSync(`${folder}/index.html`, `
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta name="description" content="Webpage description goes here" />
+  <meta charset="utf-8" />
+  <title>${testName} - testeranto</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="author" content="" />
+
+  <link rel="stylesheet" href="../../../../../TestReport.css" />
+  <script src="../../../../../TestReport.js"></script>
+
+</head>
+
+<body>
+  <div id="root"/>
+</body>
+            `);
+        });
+    });
     await Promise.all([
         ...[
             [pure_js_1.default, importEntryPoints, onImportDone],