testeranto 0.172.0 → 0.173.0

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

@@ -113,6 +113,10 @@ export class PM_Base {
         return false;
     }
     async writeFileSync(filepath, contents, testName) {
+        console.log("writeFileSync");
+        console.log("filepath", filepath);
+        console.log("contents", contents);
+        console.log("testName", testName);
         return new Promise(async (res) => {
             fs.mkdirSync(path.dirname(filepath), {
                 recursive: true,

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

@@ -69,10 +69,12 @@ function isValidUrl(string) {
 }
 // Wait for file to exist, checks every 2 seconds by default
 async function pollForFile(path, timeout = 2000) {
+    console.log(`pollForFile: ${path}...`);
     const intervalObj = setInterval(function () {
         const file = path;
         const fileExists = fs.existsSync(file);
         if (fileExists) {
+            console.log(`metafile found: ${path}!`);
             clearInterval(intervalObj);
         }
     }, timeout);
@@ -281,7 +283,12 @@ export class PM_Main extends PM_WithEslintAndTsc {
             const ipcfile = "/tmp/tpipe_" + Math.random();
             const child = spawn("node", 
             // "node",
-            ["--inspect-brk", builtfile, testResources, ipcfile], {
+            [
+                // "--inspect-brk",
+                builtfile,
+                testResources,
+                ipcfile,
+            ], {
                 stdio: ["pipe", "pipe", "pipe", "ipc"],
             });
             let buffer = new Buffer("");
@@ -758,7 +765,7 @@ export class PM_Main extends PM_WithEslintAndTsc {
                     close();
                 });
                 page.on("console", (log) => {
-                    console.log("console message: ", log.text());
+                    // console.log("console message: ", log.text());
                     if (oStream.closed) {
                         console.log("missed console message: ", log.text());
                         return;
@@ -995,9 +1002,9 @@ export class PM_Main extends PM_WithEslintAndTsc {
                 slowMo: 1,
                 waitForInitialPage: false,
                 executablePath,
-                headless: false,
+                headless: true,
                 dumpio: false,
-                devtools: true,
+                devtools: false,
                 args: [
                     "--disable-features=site-per-process",
                     "--allow-file-access-from-files",

package/dist/module/src/PM/node.js

@@ -108,7 +108,7 @@ export class PM_Node extends PM {
     async write(uid, contents) {
         return await this.send("write", ...arguments);
     }
-    async writeFileSync(filepath, contents) {
+    async writeFileSync([filepath, contents]) {
         return await this.send("writeFileSync", this.testResourceConfiguration.fs + "/" + filepath, contents, this.testResourceConfiguration.name);
     }
     async createWriteStream(filepath) {

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

@@ -67,8 +67,8 @@ export class PM_Web extends PM {
     customScreenShot(x, y) {
         const opts = x[0];
         const page = x[1];
-        console.log("customScreenShot 2 opts", opts);
-        console.log("customScreenShot 2 page", page);
+        // console.log("customScreenShot 2 opts", opts);
+        // console.log("customScreenShot 2 page", page);
         return window["customScreenShot"](Object.assign(Object.assign({}, opts), { path: this.testResourceConfiguration.fs + "/" + opts.path }), this.testResourceConfiguration.name, page);
     }
     existsSync(destFolder) {
@@ -80,7 +80,7 @@ export class PM_Web extends PM {
     write(uid, contents) {
         return window["write"](uid, contents);
     }
-    writeFileSync(filepath, contents) {
+    writeFileSync([filepath, contents]) {
         return window["writeFileSync"](this.testResourceConfiguration.fs + "/" + filepath, contents, this.testResourceConfiguration.name);
     }
     createWriteStream(filepath) {

package/dist/module/src/ReportServer.js

@@ -1,124 +1,3 @@
 // simple http server to preview reports
-import staticServer from "node-static";
-import http from "http";
-import path from "path";
-import fs from "fs";
-const fileServer = new staticServer.Server("./", {
-    cache: false,
-    headers: {
-        "Cache-Control": "no-cache, no-store, must-revalidate",
-        "Pragma": "no-cache",
-        "Expires": "0"
-    }
-});
-const server = http.createServer((req, res) => {
-    // Handle potential double responses
-    let responded = false;
-    const safeResponse = (handler) => {
-        if (responded)
-            return;
-        responded = true;
-        try {
-            handler();
-        }
-        catch (err) {
-            console.error('Error handling request:', err);
-            if (!res.headersSent) {
-                res.writeHead(500);
-            }
-            res.end('Internal Server Error');
-        }
-    };
-    req.on('error', (err) => {
-        console.error('Request error:', err);
-        safeResponse(() => {
-            if (!res.headersSent) {
-                res.writeHead(400);
-            }
-            res.end('Bad Request');
-        });
-    });
-    req.on('end', () => {
-        safeResponse(() => {
-            const filePath = path.join(process.cwd(), req.url || '');
-            // First check if file exists
-            fs.stat(filePath, (err, stats) => {
-                if (err || !stats.isFile()) {
-                    // Check if directory exists
-                    fs.stat(filePath, (dirErr, dirStats) => {
-                        if (!dirErr && dirStats.isDirectory()) {
-                            // Serve directory listing
-                            fs.readdir(filePath, (readErr, files) => {
-                                if (readErr) {
-                                    res.writeHead(500);
-                                    return res.end('Error reading directory');
-                                }
-                                res.writeHead(200, { 'Content-Type': 'text/html' });
-                                res.write(`
-                  <html>
-                    <head>
-                      <title>Directory Listing: ${req.url}</title>
-                      <style>
-                        body { font-family: sans-serif; margin: 2rem; }
-                        h1 { color: #333; }
-                        ul { list-style: none; padding: 0; }
-                        li { padding: 0.5rem; }
-                        li a { color: #0366d6; text-decoration: none; }
-                        li a:hover { text-decoration: underline; }
-                      </style>
-                    </head>
-                    <body>
-                      <h1>Directory: ${req.url}</h1>
-                      <ul>
-                        ${files.map(file => `
-                          <li>
-                            <a href="${path.join(req.url || '', file)}">
-                              ${file}${file.endsWith('/') ? '/' : ''}
-                            </a>
-                          </li>
-                        `).join('')}
-                      </ul>
-                    </body>
-                  </html>
-                `);
-                                res.end();
-                            });
-                        }
-                        else {
-                            // Neither file nor directory exists - send 404
-                            if (!res.headersSent) {
-                                res.writeHead(404, { 'Content-Type': 'text/plain' });
-                                res.end('File not found');
-                            }
-                        }
-                    });
-                    return;
-                }
-                // File exists - serve it through node-static
-                const serve = () => {
-                    fileServer.serve(req, res, (err) => {
-                        if (err && !res.headersSent) {
-                            res.writeHead(err.status || 500);
-                            res.end(err.message);
-                        }
-                    });
-                };
-                // Ensure we don't double-serve
-                if (!res.headersSent) {
-                    serve();
-                }
-            });
-        });
-    });
-    req.resume();
-});
-server.listen(8080, () => {
-    console.log('Server running on http://localhost:8080');
-    console.log('Serving files from:', process.cwd());
-});
-server.on('error', (err) => {
-    console.error('Server error:', err);
-});
-process.on('uncaughtException', (err) => {
-    console.error('Uncaught exception:', err);
-});
+import { ReportServerOfPort } from "./ReportServerLib";
+ReportServerOfPort(process.argv[2]);

package/dist/module/src/ReportServer.test.ts/index.js

@@ -0,0 +1,73 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-empty-object-type */
+import testeranto from "../Node";
+import { ReportServerOfPort } from "../ReportServerLib";
+const specification = (Suite, Given, When, Then) => [
+    Suite.Default("the http server which is used in development", {
+        initialization: Given["the http server which is used in development"](["It should serve the front page", "It should serve the ReportApp"], [], [
+            Then["the frontpage looks good"](),
+            // Then["the projects page looks good"](),
+            // Then["a project page looks good"](),
+            // Then["a test page looks good"](),
+        ]),
+    }),
+];
+const implementation = {
+    suites: {
+        Default: "the http server which is used in  development",
+    },
+    givens: {
+        "the http server which is used in development": function (subject) {
+            // throw new Error("Function not implemented.");
+            return subject;
+        },
+    },
+    // There are no "whens", it is a stateless server.
+    whens: {},
+    thens: {
+        "the frontpage looks good": async (port, utils) => {
+            // throw new Error("Function not implemented.");
+            // utils.newPage(`localhost:${port}`);
+            debugger;
+            const page = await utils.newPage();
+            utils.goto(page, `localhost:${port}`);
+            utils.customScreenShot({ path: `frontpage.png` }, page);
+            return;
+        },
+        "the projects page looks good": function () {
+            throw new Error("Function not implemented.");
+        },
+        "a project page looks good": function () {
+            throw new Error("Function not implemented.");
+        },
+        "a test page looks good": function () {
+            throw new Error("Function not implemented.");
+        },
+    },
+};
+const adapter = {
+    assertThis: function (x) {
+        throw new Error("Function not implemented.");
+    },
+    andWhen: function (store, whenCB, testResource, pm) {
+        throw new Error("Function not implemented.");
+    },
+    butThen: function (store, thenCB, testResource, pm) {
+        throw new Error("Function not implemented.");
+    },
+    afterAll: function (store, pm) {
+        throw new Error("Function not implemented.");
+    },
+    afterEach: function (store, key, pm) {
+        throw new Error("Function not implemented.");
+    },
+    beforeAll: async function (input, testResource, pm) {
+        await new Promise((res, rej) => input(testResource.ports[0]));
+        return testResource.ports[0];
+    },
+    beforeEach: function (subject, initializer, testResource, initialValues, pm) {
+        throw new Error("Function not implemented.");
+    },
+};
+export default testeranto(ReportServerOfPort, specification, implementation, adapter);

package/dist/module/src/ReportServerLib.js

@@ -0,0 +1,128 @@
+// simple http server to preview reports
+import staticServer from "node-static";
+import http from "http";
+import path from "path";
+import fs from "fs";
+const fileServer = new staticServer.Server("./", {
+    cache: false,
+    headers: {
+        "Cache-Control": "no-cache, no-store, must-revalidate",
+        Pragma: "no-cache",
+        Expires: "0",
+    },
+});
+const server = http.createServer((req, res) => {
+    // Handle potential double responses
+    let responded = false;
+    const safeResponse = (handler) => {
+        if (responded)
+            return;
+        responded = true;
+        try {
+            handler();
+        }
+        catch (err) {
+            console.error("Error handling request:", err);
+            if (!res.headersSent) {
+                res.writeHead(500);
+            }
+            res.end("Internal Server Error");
+        }
+    };
+    req.on("error", (err) => {
+        console.error("Request error:", err);
+        safeResponse(() => {
+            if (!res.headersSent) {
+                res.writeHead(400);
+            }
+            res.end("Bad Request");
+        });
+    });
+    req.on("end", () => {
+        safeResponse(() => {
+            const filePath = path.join(process.cwd(), req.url || "");
+            // First check if file exists
+            fs.stat(filePath, (err, stats) => {
+                if (err || !stats.isFile()) {
+                    // Check if directory exists
+                    fs.stat(filePath, (dirErr, dirStats) => {
+                        if (!dirErr && dirStats.isDirectory()) {
+                            // Serve directory listing
+                            fs.readdir(filePath, (readErr, files) => {
+                                if (readErr) {
+                                    res.writeHead(500);
+                                    return res.end("Error reading directory");
+                                }
+                                res.writeHead(200, { "Content-Type": "text/html" });
+                                res.write(`
+                  <html>
+                    <head>
+                      <title>Directory Listing: ${req.url}</title>
+                      <style>
+                        body { font-family: sans-serif; margin: 2rem; }
+                        h1 { color: #333; }
+                        ul { list-style: none; padding: 0; }
+                        li { padding: 0.5rem; }
+                        li a { color: #0366d6; text-decoration: none; }
+                        li a:hover { text-decoration: underline; }
+                      </style>
+                    </head>
+                    <body>
+                      <h1>Directory: ${req.url}</h1>
+                      <ul>
+                        ${files
+                                    .map((file) => `
+                          <li>
+                            <a href="${path.join(req.url || "", file)}">
+                              ${file}${file.endsWith("/") ? "/" : ""}
+                            </a>
+                          </li>
+                        `)
+                                    .join("")}
+                      </ul>
+                    </body>
+                  </html>
+                `);
+                                res.end();
+                            });
+                        }
+                        else {
+                            // Neither file nor directory exists - send 404
+                            if (!res.headersSent) {
+                                res.writeHead(404, { "Content-Type": "text/plain" });
+                                res.end("File not found");
+                            }
+                        }
+                    });
+                    return;
+                }
+                // File exists - serve it through node-static
+                const serve = () => {
+                    fileServer.serve(req, res, (err) => {
+                        if (err && !res.headersSent) {
+                            res.writeHead(err.status || 500);
+                            res.end(err.message);
+                        }
+                    });
+                };
+                // Ensure we don't double-serve
+                if (!res.headersSent) {
+                    serve();
+                }
+            });
+        });
+    });
+    req.resume();
+});
+server.on("error", (err) => {
+    console.error("Server error:", err);
+});
+process.on("uncaughtException", (err) => {
+    console.error("Uncaught exception:", err);
+});
+const start = (port) => server.listen(port, () => {
+    console.log(`Server running on http://localhost:${port}`);
+    console.log("Serving files from:", process.cwd());
+});
+export const ReportServerOfPort = (port) => start(port);
+// export default () => start(process.argv[2]);

package/dist/module/src/TestPage.js

@@ -185,14 +185,18 @@ export const TestPage = () => {
                         React.createElement(Button, { variant: "outline-light", onClick: () => navigate(`/projects/${projectName}#${runtime}`) }, "View Build Logs")))) : testData ? (React.createElement("div", { className: "test-results" },
                     React.createElement("div", { className: "mb-3" }),
                     testData.givens.map((given, i) => {
-                        var _a;
+                        var _a, _b;
                         return (React.createElement("div", { key: i, className: "mb-4 card" },
                             React.createElement("div", { className: "card-header bg-primary text-white" },
                                 React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
-                                    React.createElement("h4", null,
-                                        "Given: ",
-                                        given.name),
-                                    ((_a = given.artifacts) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement("div", { className: "dropdown" },
+                                    React.createElement("div", null,
+                                        React.createElement("h4", null,
+                                            "Given: ",
+                                            given.name),
+                                        ((_a = given.features) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement("div", { className: "mt-1" },
+                                            React.createElement("small", null, "Features:"),
+                                            React.createElement("ul", { className: "list-unstyled" }, given.features.map((feature, fi) => (React.createElement("li", { key: fi }, feature.startsWith('http') ? (React.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer", className: "text-white" }, new URL(feature).hostname)) : (React.createElement("span", { className: "text-white" }, feature))))))))),
+                                    ((_b = given.artifacts) === null || _b === void 0 ? void 0 : _b.length) > 0 && (React.createElement("div", { className: "dropdown" },
                                         React.createElement("button", { className: "btn btn-sm btn-light dropdown-toggle", type: "button", "data-bs-toggle": "dropdown" },
                                             "Artifacts (",
                                             given.artifacts.length,
@@ -201,29 +205,37 @@ export const TestPage = () => {
                                             React.createElement("a", { className: "dropdown-item", href: `/testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", rel: "noopener noreferrer" }, artifact.split('/').pop()))))))))),
                             React.createElement("div", { className: "card-body" },
                                 given.whens.map((when, j) => {
-                                    var _a;
+                                    var _a, _b;
                                     return (React.createElement("div", { key: `w-${j}`, className: `p-3 mb-2 ${when.error ? 'bg-danger text-white' : 'bg-success text-white'}` },
                                         React.createElement("div", { className: "d-flex justify-content-between align-items-start" },
                                             React.createElement("div", null,
-                                                React.createElement("strong", null, "When:"),
-                                                " ",
-                                                when.name,
-                                                when.error && React.createElement("pre", { className: "mt-2" }, when.error)),
-                                            ((_a = when.artifacts) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement("div", { className: "ms-3" },
+                                                React.createElement("div", null,
+                                                    React.createElement("strong", null, "When:"),
+                                                    " ",
+                                                    when.name,
+                                                    ((_a = when.features) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement("div", { className: "mt-2" },
+                                                        React.createElement("small", null, "Features:"),
+                                                        React.createElement("ul", { className: "list-unstyled" }, when.features.map((feature, fi) => (React.createElement("li", { key: fi }, feature.startsWith('http') ? (React.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer" }, new URL(feature).hostname)) : (feature))))))),
+                                                    when.error && React.createElement("pre", { className: "mt-2" }, when.error))),
+                                            ((_b = when.artifacts) === null || _b === void 0 ? void 0 : _b.length) > 0 && (React.createElement("div", { className: "ms-3" },
                                                 React.createElement("strong", null, "Artifacts:"),
                                                 React.createElement("ul", { className: "list-unstyled" }, when.artifacts.map((artifact, ai) => (React.createElement("li", { key: ai },
                                                     React.createElement("a", { href: `/testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", className: "text-white", rel: "noopener noreferrer" }, artifact.split('/').pop()))))))))));
                                 }),
                                 given.thens.map((then, k) => {
-                                    var _a;
+                                    var _a, _b;
                                     return (React.createElement("div", { key: `t-${k}`, className: `p-3 mb-2 ${then.error ? 'bg-danger text-white' : 'bg-success text-white'}` },
                                         React.createElement("div", { className: "d-flex justify-content-between align-items-start" },
                                             React.createElement("div", null,
-                                                React.createElement("strong", null, "Then:"),
-                                                " ",
-                                                then.name,
-                                                then.error && React.createElement("pre", { className: "mt-2" }, then.error)),
-                                            ((_a = then.artifacts) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement("div", { className: "ms-3" },
+                                                React.createElement("div", null,
+                                                    React.createElement("strong", null, "Then:"),
+                                                    " ",
+                                                    then.name,
+                                                    ((_a = then.features) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement("div", { className: "mt-2" },
+                                                        React.createElement("small", null, "Features:"),
+                                                        React.createElement("ul", { className: "list-unstyled" }, then.features.map((feature, fi) => (React.createElement("li", { key: fi }, feature.startsWith('http') ? (React.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer" }, new URL(feature).hostname)) : (feature))))))),
+                                                    then.error && React.createElement("pre", { className: "mt-2" }, then.error))),
+                                            ((_b = then.artifacts) === null || _b === void 0 ? void 0 : _b.length) > 0 && (React.createElement("div", { className: "ms-3" },
                                                 React.createElement("strong", null, "Artifacts:"),
                                                 React.createElement("ul", { className: "list-unstyled" }, then.artifacts.map((artifact, ai) => (React.createElement("li", { key: ai },
                                                     React.createElement("a", { href: `/testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", className: "text-white", rel: "noopener noreferrer" }, artifact.split('/').pop()))))))))));

package/dist/module/src/components/pure/ProjectPageView.test/implementation.js

@@ -35,7 +35,7 @@ export const implementation = {
     thens: {
         happyPath: () => async ({ container, html }, pm) => {
             console.group('[Test] Verifying render output');
-            debugger;
+            // debugger
             const p = await pm.page();
             await pm.customScreenShot({ path: "happyPath.png" }, p);
             assert.equal(1, 1);

package/dist/module/src/components/pure/TestPageView.js

@@ -68,14 +68,18 @@ export const TestPageView = ({ route, setRoute, navigate, projectName, testName,
                     React.createElement("div", { className: "mt-3" },
                         React.createElement(Button, { variant: "outline-light", onClick: () => setRoute('logs'), className: "me-2" }, "View Runtime Logs"),
                         React.createElement(Button, { variant: "outline-light", onClick: () => navigate(`/projects/${projectName}#${runtime}`) }, "View Build Logs")))) : testData ? (React.createElement("div", { className: "test-results" }, testData.givens.map((given, i) => {
-                    var _a;
+                    var _a, _b;
                     return (React.createElement("div", { key: i, className: "mb-4 card" },
                         React.createElement("div", { className: "card-header bg-primary text-white" },
                             React.createElement("div", { className: "d-flex justify-content-between align-items-center" },
-                                React.createElement("h4", null,
-                                    "Given: ",
-                                    given.name),
-                                ((_a = given.artifacts) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement("div", { className: "dropdown" },
+                                React.createElement("div", null,
+                                    React.createElement("h4", null,
+                                        "Given: ",
+                                        given.name),
+                                    ((_a = given.features) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement("div", { className: "mt-1" },
+                                        React.createElement("small", null, "Features:"),
+                                        React.createElement("ul", { className: "list-unstyled" }, given.features.map((feature, fi) => (React.createElement("li", { key: fi }, feature.startsWith('http') ? (React.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer", className: "text-white" }, new URL(feature).hostname)) : (React.createElement("span", { className: "text-white" }, feature))))))))),
+                                ((_b = given.artifacts) === null || _b === void 0 ? void 0 : _b.length) > 0 && (React.createElement("div", { className: "dropdown" },
                                     React.createElement("button", { className: "btn btn-sm btn-light dropdown-toggle", type: "button", "data-bs-toggle": "dropdown" },
                                         "Artifacts (",
                                         given.artifacts.length,
@@ -84,29 +88,37 @@ export const TestPageView = ({ route, setRoute, navigate, projectName, testName,
                                         React.createElement("a", { className: "dropdown-item", href: `/testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", rel: "noopener noreferrer" }, artifact.split('/').pop()))))))))),
                         React.createElement("div", { className: "card-body" },
                             given.whens.map((when, j) => {
-                                var _a;
+                                var _a, _b;
                                 return (React.createElement("div", { key: `w-${j}`, className: `p-3 mb-2 ${when.error ? 'bg-danger text-white' : 'bg-success text-white'}` },
                                     React.createElement("div", { className: "d-flex justify-content-between align-items-start" },
                                         React.createElement("div", null,
-                                            React.createElement("strong", null, "When:"),
-                                            " ",
-                                            when.name,
-                                            when.error && React.createElement("pre", { className: "mt-2" }, when.error)),
-                                        ((_a = when.artifacts) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement("div", { className: "ms-3" },
+                                            React.createElement("div", null,
+                                                React.createElement("strong", null, "When:"),
+                                                " ",
+                                                when.name,
+                                                ((_a = when.features) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement("div", { className: "mt-2" },
+                                                    React.createElement("small", null, "Features:"),
+                                                    React.createElement("ul", { className: "list-unstyled" }, when.features.map((feature, fi) => (React.createElement("li", { key: fi }, feature.startsWith('http') ? (React.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer" }, new URL(feature).hostname)) : (feature))))))),
+                                                when.error && React.createElement("pre", { className: "mt-2" }, when.error))),
+                                        ((_b = when.artifacts) === null || _b === void 0 ? void 0 : _b.length) > 0 && (React.createElement("div", { className: "ms-3" },
                                             React.createElement("strong", null, "Artifacts:"),
                                             React.createElement("ul", { className: "list-unstyled" }, when.artifacts.map((artifact, ai) => (React.createElement("li", { key: ai },
                                                 React.createElement("a", { href: `/testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", className: "text-white", rel: "noopener noreferrer" }, artifact.split('/').pop()))))))))));
                             }),
                             given.thens.map((then, k) => {
-                                var _a;
+                                var _a, _b;
                                 return (React.createElement("div", { key: `t-${k}`, className: `p-3 mb-2 ${then.error ? 'bg-danger text-white' : 'bg-success text-white'}` },
                                     React.createElement("div", { className: "d-flex justify-content-between align-items-start" },
                                         React.createElement("div", null,
-                                            React.createElement("strong", null, "Then:"),
-                                            " ",
-                                            then.name,
-                                            then.error && React.createElement("pre", { className: "mt-2" }, then.error)),
-                                        ((_a = then.artifacts) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement("div", { className: "ms-3" },
+                                            React.createElement("div", null,
+                                                React.createElement("strong", null, "Then:"),
+                                                " ",
+                                                then.name,
+                                                ((_a = then.features) === null || _a === void 0 ? void 0 : _a.length) > 0 && (React.createElement("div", { className: "mt-2" },
+                                                    React.createElement("small", null, "Features:"),
+                                                    React.createElement("ul", { className: "list-unstyled" }, then.features.map((feature, fi) => (React.createElement("li", { key: fi }, feature.startsWith('http') ? (React.createElement("a", { href: feature, target: "_blank", rel: "noopener noreferrer" }, new URL(feature).hostname)) : (feature))))))),
+                                                then.error && React.createElement("pre", { className: "mt-2" }, then.error))),
+                                        ((_b = then.artifacts) === null || _b === void 0 ? void 0 : _b.length) > 0 && (React.createElement("div", { className: "ms-3" },
                                             React.createElement("strong", null, "Artifacts:"),
                                             React.createElement("ul", { className: "list-unstyled" }, then.artifacts.map((artifact, ai) => (React.createElement("li", { key: ai },
                                                 React.createElement("a", { href: `/testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`, target: "_blank", className: "text-white", rel: "noopener noreferrer" }, artifact.split('/').pop()))))))))));

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

@@ -4,6 +4,8 @@ import { afterEachProxy, andWhenProxy, beforeEachProxy, butThenProxy, } from "./
 export class BaseGiven {
     addArtifact(path) {
         console.log(`[Artifact] Adding to ${this.constructor.name}:`, path);
+        // console.log("mark111");
+        // process.exit();
         this.artifacts.push(path);
     }
     constructor(name, features, whens, thens, givenCB, initialValues) {