testeranto 0.135.0 → 0.140.0

package/dist/module/src/Init.js

@@ -20,7 +20,10 @@ export default async () => {
         }
     });
     fs.copyFileSync(`node_modules/testeranto/dist/prebuild/Project.js`, `testeranto/Project.js`);
-    fs.copyFileSync(`node_modules/testeranto/dist/prebuild/ReportClient.js`, `testeranto/ReportClient.js`);
+    // fs.copyFileSync(
+    //   `node_modules/testeranto/dist/prebuild/ReportClient.js`,
+    //   `testeranto/ReportClient.js`
+    // );
     fs.copyFileSync(`node_modules/testeranto/dist/prebuild/Project.css`, `testeranto/Project.css`);
     // fs.copyFileSync(
     //   `node_modules/testeranto/dist/prebuild/ReportClient.css`,

package/dist/module/src/Node.js

@@ -44,6 +44,6 @@ const testeranto = async (input, testSpecification, testImplementation, testInte
         //   });
         // });
     }
-    return t;
+    // return t;
 };
 export default testeranto;

package/dist/module/src/PM/__tests__/nodeSidecar.testeranto.js

@@ -36,7 +36,7 @@ const implementation = {
                     return mockProcess;
                 },
                 addListener: () => mockProcess,
-                removeListener: () => mockProcess
+                removeListener: () => mockProcess,
             };
             process = mockProcess;
             let writeCalled = false;
@@ -58,7 +58,7 @@ const implementation = {
                 removeListener: () => {
                     removeListenerCalled = true;
                     return mockProcess;
-                }
+                },
             };
             process = mockProcess;
             await sidecar.send("test-command", "test");

package/dist/module/src/Project.js

@@ -3,23 +3,10 @@ import ReactDom from "react-dom/client";
 import React, { useEffect, useState } from "react";
 import { Col, Nav, Row, Tab, Table } from "react-bootstrap";
 import { Footer } from "./Footer";
-import 'bootstrap/dist/css/bootstrap.min.css';
+import "bootstrap/dist/css/bootstrap.min.css";
 import "./style.css";
-// type ICollation = {
-//   name: string;
-//   runTime: IRunTime;
-//   tr: {
-//     ports: number;
-//   };
-//   sidecars: ITestTypes[];
-//   staticAnalysis: number | "?";
-//   typeErrors: number | "?";
-//   bddErrors: number | "?";
-//   prompt: string | "?";
-// };
-// type ICollations = ICollation[];
 const ExternalFeatures = ({ summary }) => {
-    return React.createElement("div", null,
+    return (React.createElement("div", null,
         React.createElement(Row, null,
             React.createElement(Tab.Container, { id: "external-features-tab-container" },
                 React.createElement(Row, null,
@@ -37,10 +24,10 @@ const ExternalFeatures = ({ summary }) => {
                                         React.createElement(Col, { sm: 3 },
                                             React.createElement(Nav, { variant: "pills", className: "flex-column" })),
                                         React.createElement(Col, { sm: 9 },
-                                            React.createElement(Tab.Content, null)))))))))));
+                                            React.createElement(Tab.Content, null))))))))))));
 };
 const Features = ({ summary }) => {
-    return React.createElement("div", null,
+    return (React.createElement("div", null,
         React.createElement(Table, { striped: true, bordered: true, hover: true },
             React.createElement("thead", null,
                 React.createElement("tr", null,
@@ -51,28 +38,31 @@ const Features = ({ summary }) => {
                     React.createElement("th", null, "Type errors"),
                     React.createElement("th", null, "prompt"))),
             React.createElement("tbody", null, ...summary.map((s) => {
-                return React.createElement(React.Fragment, null,
+                return (React.createElement(React.Fragment, null,
                     React.createElement("tr", null,
                         React.createElement("th", null, s[0])),
                     ...s[1].tests.map((t) => {
-                        const x = `${s[0]}/${t[0].split(".").slice(0, -1).join(".")}/${t[1]}`;
+                        const x = `${s[0]}/${t[0]
+                            .split(".")
+                            .slice(0, -1)
+                            .join(".")}/${t[1]}`;
                         const y = s[2][t[0]];
-                        return React.createElement("tr", null,
+                        return (React.createElement("tr", null,
                             React.createElement("td", null, t[0]),
                             React.createElement("td", null, t[1]),
                             React.createElement("td", null,
-                                React.createElement("a", { href: `./reports/${x}/index.html` }, y.runTimeError)),
+                                React.createElement("a", { href: `./asdasasdasdd/reports/${x}/index.html` }, y.runTimeError)),
                             React.createElement("td", null,
-                                React.createElement("a", { href: `./reports/${x}/lint_errors.json` }, y.staticErrors)),
+                                React.createElement("a", { href: `./testeasdqqweqweranto/reports/${x}/lint_errors.json` }, y.staticErrors)),
                             React.createElement("td", null,
-                                React.createElement("a", { href: `./reports/${x}/type_errors.txt` }, y.typeErrors)),
+                                React.createElement("a", { href: `./testezxcdcdfranto/reports/${x}/type_errors.txt` }, y.typeErrors)),
                             React.createElement("td", null,
-                                React.createElement("pre", null, s[2][t[0]].prompt)));
-                    }));
-            }))));
+                                React.createElement("pre", null, s[2][t[0]].prompt))));
+                    })));
+            })))));
 };
 const Docs = ({ summary }) => {
-    return React.createElement("div", null,
+    return (React.createElement("div", null,
         React.createElement(Tab.Container, { id: "DocsPane-tabs", defaultActiveKey: "external" },
             React.createElement(Row, null,
                 React.createElement(Col, { sm: 12 },
@@ -88,12 +78,12 @@ const Docs = ({ summary }) => {
                         React.createElement(Tab.Pane, { eventKey: `markdown` },
                             React.createElement(ExternalFeatures, { summary: summary })),
                         React.createElement(Tab.Pane, { eventKey: `string` },
-                            React.createElement(ExternalFeatures, { summary: summary })))))));
+                            React.createElement(ExternalFeatures, { summary: summary }))))))));
 };
 const BigBoard = () => {
-    const bigConfigElement = document.getElementById('bigConfig');
+    const bigConfigElement = document.getElementById("bigConfig");
     if (!bigConfigElement)
-        throw new Error('bigConfig element not found');
+        throw new Error("bigConfig element not found");
     const projects = JSON.parse(bigConfigElement.innerHTML);
     const [summary, setSummary] = useState();
     useEffect(() => {
@@ -101,8 +91,8 @@ const BigBoard = () => {
             const x = projects.map(async (p) => {
                 return [
                     p,
-                    (await (await fetch(`./reports/${p}/config.json`)).json()),
-                    (await (await fetch(`./reports/${p}/summary.json`)).json())
+                    (await (await fetch(`./testeranto/reports/${p}/config.json`)).json()),
+                    (await (await fetch(`./testeranto/reports/${p}/summary.json`)).json()),
                 ];
             });
             Promise.all(x).then((v) => {
@@ -128,16 +118,17 @@ const BigBoard = () => {
     // //   } as ICollation
     // // });
     function copyToClipboard(text) {
-        navigator.clipboard.writeText(text)
+        navigator.clipboard
+            .writeText(text)
             .then(() => {
-            console.log('Text copied to clipboard');
+            console.log("Text copied to clipboard");
         })
-            .catch(err => {
-            console.error('Error copying text: ', err);
+            .catch((err) => {
+            console.error("Error copying text: ", err);
         });
     }
-    return React.createElement("div", null,
-        "    ",
+    return (React.createElement("div", null,
+        " ",
         React.createElement(Tab.Container, { id: "TestPane-tabs", defaultActiveKey: "tests" },
             React.createElement(Row, null,
                 React.createElement(Col, { sm: 12 },
@@ -160,21 +151,24 @@ const BigBoard = () => {
                                         React.createElement("th", null, "prompt"),
                                         React.createElement("th", null, "failing features"))),
                                 React.createElement("tbody", null, ...summary.map((s) => {
-                                    return React.createElement(React.Fragment, null,
+                                    return (React.createElement(React.Fragment, null,
                                         React.createElement("tr", null,
                                             React.createElement("th", null, s[0])),
                                         ...s[1].tests.map((t) => {
-                                            const x = `${s[0]}/${t[0].split(".").slice(0, -1).join(".")}/${t[1]}`;
+                                            const x = `${s[0]}/${t[0]
+                                                .split(".")
+                                                .slice(0, -1)
+                                                .join(".")}/${t[1]}`;
                                             const y = s[2][t[0]];
-                                            return React.createElement("tr", null,
+                                            return (React.createElement("tr", null,
                                                 React.createElement("td", null, t[0]),
                                                 React.createElement("td", null, t[1]),
                                                 React.createElement("td", null,
-                                                    React.createElement("a", { href: `./reports/${x}/index.html` }, y.runTimeError)),
+                                                    React.createElement("a", { href: `./testeranto/reports/${x}/index.html` }, y.runTimeError)),
                                                 React.createElement("td", null,
-                                                    React.createElement("a", { href: `./reports/${x}/lint_errors.json` }, y.staticErrors)),
+                                                    React.createElement("a", { href: `./testeranto/reports/${x}/lint_errors.json` }, y.staticErrors)),
                                                 React.createElement("td", null,
-                                                    React.createElement("a", { href: `./reports/${x}/type_errors.txt` }, y.typeErrors)),
+                                                    React.createElement("a", { href: `./testeranto/reports/${x}/type_errors.txt` }, y.typeErrors)),
                                                 React.createElement("td", null,
                                                     React.createElement("pre", null,
                                                         React.createElement("button", { onClick: () => {
@@ -182,14 +176,14 @@ const BigBoard = () => {
                                                             } }, "copy"))),
                                                 React.createElement("td", null,
                                                     React.createElement("pre", null,
-                                                        React.createElement("code", null, JSON.stringify(y.failingFeatures, null, 2)))));
-                                        }));
+                                                        React.createElement("code", null, JSON.stringify(y.failingFeatures, null, 2))))));
+                                        })));
                                 })))),
                         React.createElement(Tab.Pane, { eventKey: `features` },
                             React.createElement(Features, { summary: summary })),
                         React.createElement(Tab.Pane, { eventKey: `docs` },
                             React.createElement(Docs, { summary: summary })))))),
-        React.createElement(Footer, null));
+        React.createElement(Footer, null)));
 };
 document.addEventListener("DOMContentLoaded", function () {
     const elem = document.getElementById("root");

package/dist/module/src/TestReport.js

@@ -1,46 +1,46 @@
 import ReactDom from "react-dom/client";
 import React, { useEffect, useState } from "react";
 import { Col, Nav, Row, Tab } from "react-bootstrap";
-import 'bootstrap/dist/css/bootstrap.min.css';
+import "bootstrap/dist/css/bootstrap.min.css";
 import "./style.css";
 import { Footer } from "./Footer";
-const StepPane = ({ step }) => {
-    return React.createElement("div", null,
+const StepPane = ({ step, }) => {
+    return (React.createElement("div", null,
         React.createElement("pre", null,
-            React.createElement("code", null, JSON.stringify(step, null, 2))));
+            React.createElement("code", null, JSON.stringify(step, null, 2)))));
 };
-const TestPane = ({ given }) => {
-    return React.createElement("div", null,
-        "    ",
+const TestPane = ({ given, }) => {
+    return (React.createElement("div", null,
+        " ",
         React.createElement(Tab.Container, { id: "TestPane-tabs", defaultActiveKey: "first" },
             React.createElement(Row, null,
                 React.createElement(Col, { sm: 3 },
                     React.createElement(Nav, { variant: "pills", className: "flex-column" },
                         React.createElement(Nav.Item, null,
                             React.createElement(Nav.Link, { eventKey: `bdd-features` }, "features"),
-                            ...given.whens.map((w, ndx) => React.createElement(Nav.Link, { eventKey: `bdd-when-${ndx}` },
+                            ...given.whens.map((w, ndx) => (React.createElement(Nav.Link, { eventKey: `bdd-when-${ndx}` },
                                 "When ",
                                 w.name,
                                 " ",
-                                w.error && "!")),
-                            ...given.thens.map((t, ndx) => React.createElement(Nav.Link, { eventKey: `bdd-then-${ndx}` },
+                                w.error && "!"))),
+                            ...given.thens.map((t, ndx) => (React.createElement(Nav.Link, { eventKey: `bdd-then-${ndx}` },
                                 "Then ",
                                 t.name,
                                 " ",
-                                t.error && "!")),
+                                t.error && "!"))),
                             React.createElement(Nav.Link, { eventKey: `bdd-errors` }, "errors")))),
                 React.createElement(Col, { sm: 6 },
                     React.createElement(Tab.Content, null,
                         React.createElement(Tab.Pane, { eventKey: `bdd-features` },
                             React.createElement("pre", null,
                                 React.createElement("code", null, JSON.stringify(given.features, null, 2)))),
-                        ...given.whens.map((w, ndx) => React.createElement(Tab.Pane, { eventKey: `bdd-when-${ndx}` },
-                            React.createElement(StepPane, { step: w }))),
-                        ...given.thens.map((t, ndx) => React.createElement(Tab.Pane, { eventKey: `bdd-then-${ndx}` },
-                            React.createElement(StepPane, { step: t }))),
+                        ...given.whens.map((w, ndx) => (React.createElement(Tab.Pane, { eventKey: `bdd-when-${ndx}` },
+                            React.createElement(StepPane, { step: w })))),
+                        ...given.thens.map((t, ndx) => (React.createElement(Tab.Pane, { eventKey: `bdd-then-${ndx}` },
+                            React.createElement(StepPane, { step: t })))),
                         React.createElement(Tab.Pane, { eventKey: `bdd-errors` },
                             React.createElement("pre", null,
-                                React.createElement("code", null, JSON.stringify(given.error, null, 2)))))))));
+                                React.createElement("code", null, JSON.stringify(given.error, null, 2))))))))));
 };
 const BddPage = () => {
     // const [configs, setConfigs] = useState<IBuiltConfig>();
@@ -57,20 +57,23 @@ const BddPage = () => {
     const [bddErrors, setBddErrors] = useState();
     useEffect(() => {
         (async () => {
-            setBddErrors(await (await fetch(`tests.json`)).json());
+            setBddErrors(await (await fetch(`${window.location.href
+                .split("/")
+                .slice(0, -1)
+                .join("/")}/tests.json`)).json());
         })();
     }, []);
     const [log, setLog] = useState();
     useEffect(() => {
         (async () => {
-            setLog(await (await fetch(`log.txt`)).text());
+            setLog(await (await fetch(`${window.location.href.split("/").slice(0, -1).join("/")}/log.txt`)).text());
         })();
     }, []);
-    if (!bddErrors || !log) {
+    if (bddErrors === undefined || log === undefined) {
         return React.createElement("div", null, "loading...");
     }
-    return React.createElement("div", null,
-        "  ",
+    return (React.createElement("div", null,
+        " ",
         React.createElement(Row, null,
             React.createElement(Col, { sm: 12 },
                 React.createElement("h2", null, bddErrors.name))),
@@ -91,24 +94,24 @@ const BddPage = () => {
                                 React.createElement(Tab.Container, { id: "secondary-tab-container", defaultActiveKey: "first" },
                                     React.createElement(Row, null,
                                         React.createElement(Col, { sm: 3 },
-                                            React.createElement(Nav, { variant: "pills", className: "flex-column" }, ...bddErrors.givens.map((g) => React.createElement(Nav.Item, null,
+                                            React.createElement(Nav, { variant: "pills", className: "flex-column" }, ...bddErrors.givens.map((g) => (React.createElement(Nav.Item, null,
                                                 React.createElement(Nav.Link, { eventKey: g.key },
                                                     g.key,
                                                     ": Given ",
-                                                    g.name))))),
+                                                    g.name)))))),
                                         React.createElement(Col, { sm: 9 },
-                                            React.createElement(Tab.Content, null, ...bddErrors.givens.map((g) => React.createElement(Tab.Pane, { eventKey: g.key },
-                                                React.createElement(TestPane, { given: g }))))))))))))),
+                                            React.createElement(Tab.Content, null, ...bddErrors.givens.map((g) => (React.createElement(Tab.Pane, { eventKey: g.key },
+                                                React.createElement(TestPane, { given: g })))))))))))))),
         React.createElement("div", { style: {
-                backgroundColor: 'lightgray',
-                margin: '0.5rem',
-                padding: '0.5rem',
-                position: 'fixed',
+                backgroundColor: "lightgray",
+                margin: "0.5rem",
+                padding: "0.5rem",
+                position: "fixed",
                 left: 0,
-                bottom: 0
+                bottom: 0,
             } },
             React.createElement("a", { href: "/" }, "\uD83C\uDFE0")),
-        React.createElement(Footer, null));
+        React.createElement(Footer, null)));
 };
 document.addEventListener("DOMContentLoaded", function () {
     const elem = document.getElementById("root");

package/dist/module/src/Web.js

@@ -1,11 +1,11 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { PM_Web } from "./PM/web";
 import Testeranto from "./lib/core.js";
 import { defaultTestResourceRequirement, } from "./lib/index.js";
 let errorCallback = (e) => { };
 let unhandledrejectionCallback = (event) => {
     console.log("window.addEventListener unhandledrejection", event);
-    // cb({ error: event.reason.message });
-    // throw event;
 };
 export class WebTesteranto extends Testeranto {
     constructor(input, testSpecification, testImplementation, testResourceRequirement, testInterface) {

package/dist/module/src/build.js

@@ -10,6 +10,7 @@ import esbuildWebConfiger from "./esbuildConfigs/web.js";
 import esbuildImportConfiger from "./esbuildConfigs/pure.js";
 import webHtmlFrame from "./web.html.js";
 import { getRunnables } from "./utils.js";
+import { idkPage, testReportPage, testsReportPage, } from "./utils/buildTemplates.js";
 readline.emitKeypressEvents(process.stdin);
 if (process.stdin.isTTY)
     process.stdin.setRawMode(true);
@@ -106,60 +107,11 @@ import(process.cwd() + "/" + "testeranto.config.ts").then(async (module) => {
     if (!fs.existsSync(`testeranto/reports/${testName}`)) {
         fs.mkdirSync(`testeranto/reports/${testName}`);
     }
-    fs.writeFileSync(`${process.cwd()}/testeranto/reports/${testName}/index.html`, `
-    <!DOCTYPE html>
-    <html lang="en">
-  
-    <head>
-      <meta name="description" content="Webpage description goes here" />
-      <meta charset="utf-8" />
-      <title>${pckge.name} - testeranto</title>
-      <meta name="viewport" content="width=device-width, initial-scale=1" />
-      <meta name="author" content="" />
-  
-      <link rel="stylesheet" href="../ReportClient.css" />
-      <script type="module" src="../ReportClient.js"></script>
-  
-    </head>
-  
-    <body>
-      <div id="root">
-        react is loading
-      </div>
-    </body>
-  
-    </html>
-        `);
+    fs.writeFileSync(`${process.cwd()}/testeranto/reports/${testName}/index.html`, testReportPage(pckge.name, bigConfig.reportDomain));
+    fs.writeFileSync(`${process.cwd()}/testeranto/reports/${testName}/dev.html`, testReportPage(pckge.name, "/"));
     fs.writeFileSync(`testeranto/reports/${testName}/config.json`, JSON.stringify(config, null, 2));
-    fs.writeFileSync(`${process.cwd()}/testeranto/index.html`, `
-  <!DOCTYPE html>
-  <html lang="en">
-
-  <head>
-    <meta name="description" content="Webpage description goes here" />
-    <meta charset="utf-8" />
-    <title>${pckge.name} - testeranto</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="author" content="" />
-    <base href="https://adamwong246.github.io/spacetrash_v8" target="_blank">
-
-    <script type="application/json" id="bigConfig">
-      ${JSON.stringify(Object.keys(bigConfig.projects))}
-    </script>
-
-    <link rel="stylesheet" href="/reports/Project.css" />
-    <script type="module" src="/reports/Project.js"></script>
-
-  </head>
-
-  <body>
-    <div id="root">
-      react is loading
-    </div>
-  </body>
-
-  </html>
-      `);
+    fs.writeFileSync(`${process.cwd()}/testeranto/index.html`, testsReportPage(pckge.name, bigConfig.reportDomain, bigConfig.projects));
+    fs.writeFileSync(`${process.cwd()}/testeranto/dev.html`, testsReportPage(pckge.name, "/", bigConfig.projects));
     Promise.resolve(Promise.all([...getSecondaryEndpointsPoints("web")].map(async (sourceFilePath) => {
         const sourceFileSplit = sourceFilePath.split("/");
         const sourceDir = sourceFileSplit.slice(0, -1);
@@ -206,26 +158,8 @@ import(process.cwd() + "/" + "testeranto.config.ts").then(async (module) => {
                 .slice(0, -1)
                 .join(".")}/${runtime}`;
             await fs.mkdirSync(folder, { recursive: true });
-            fs.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>
-            `);
+            fs.writeFileSync(`${folder}/index.html`, idkPage(testName, bigConfig.reportDomain));
+            fs.writeFileSync(`${folder}/dev.html`, idkPage(testName, ""));
         });
     });
     [

package/dist/module/src/defaultConfig.js

@@ -9,7 +9,6 @@ const config = {
     nodePlugins: [],
     webPlugins: [],
     importPlugins: [],
-    externalTests: {},
     featureIngestor: function (s) {
         throw new Error("Function not implemented.");
     },

package/dist/module/src/lib/abstractBase.js

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { afterAllProxy, afterEachProxy, andWhenProxy, beforeAllProxy, beforeEachProxy, butThenProxy, } from "./pmProxy.js";
 export class BaseSuite {
     constructor(name, index, givens = {}, checks = []) {

package/dist/module/src/lib/basebuilder.js

@@ -1,3 +1,7 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-empty-object-type */
+/* eslint-disable no-async-promise-executor */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 export class BaseBuilder {
     constructor(input, suitesOverrides, givenOverides, whenOverides, thenOverides, checkOverides, testResourceRequirement, testSpecification) {
         this.artifacts = [];

package/dist/module/src/lib/core.js

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { DefaultTestInterface, defaultTestResourceRequirement, } from "./index.js";
 import { BaseSuite, BaseGiven, BaseWhen, BaseThen, BaseCheck, } from "./abstractBase.js";
 import { ClassBuilder } from "./classBuilder.js";

package/dist/module/src/run.js

@@ -11,7 +11,7 @@ process.stdin.on("keypress", (str, key) => {
         process.exit(-1);
     }
 });
-let testName = process.argv[2];
+const testName = process.argv[2];
 const mode = process.argv[3];
 if (mode !== "once" && mode !== "dev") {
     console.error("the 2nd argument should be 'dev' or 'once' ");

package/dist/module/src/utils/buildTemplates.js

@@ -0,0 +1,82 @@
+export const testReportPage = (packageName, domain) => {
+    return `
+    <!DOCTYPE html>
+    <html lang="en">
+  
+    <head>
+      <meta name="description" content="Webpage description goes here" />
+      <meta charset="utf-8" />
+      <title>${packageName} - testeranto</title>
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      <meta name="author" content="" />
+      
+      <base href="${domain}" target="_blank">
+  
+      <link rel="stylesheet" href="../ReportClient.css" />
+      <script type="module" src="../ReportClient.js"></script>
+  
+    </head>
+  
+    <body>
+      <div id="root">
+        react is loading
+      </div>
+    </body>
+  
+    </html>
+        `;
+};
+export const testsReportPage = (packageName, domain, projects) => {
+    return `
+    <!DOCTYPE html>
+    <html lang="en">
+  
+    <head>
+      <meta name="description" content="Webpage description goes here" />
+      <meta charset="utf-8" />
+      <title>${packageName} - testeranto</title>
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      <meta name="author" content="" />
+      <base href="${domain}" target="_blank">
+  
+      <script type="application/json" id="bigConfig">
+        ${JSON.stringify(Object.keys(projects))}
+      </script>
+  
+      <link rel="stylesheet" href="./testeranto/Project.css" />
+      <script type="module" src="./testeranto/Project.js"></script>
+  
+    </head>
+  
+    <body>
+      <div id="root">
+        react is loading
+      </div>
+    </body>
+  
+    </html>
+        `;
+};
+export const idkPage = (testName, domain) => {
+    return `
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta name="description" content="Webpage description goes here" />
+  <base href="${domain}" target="_blank">
+  <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="./testeranto/TestReport.css" />
+  <script src="./testeranto/TestReport.js"></script>
+
+</head>
+
+<body>
+  <div id="root"/>
+</body>
+            `;
+};