testeranto 0.167.0 → 0.172.0

package/dist/module/src/App.js

@@ -2,11 +2,11 @@
 import React from 'react';
 import ReactDom from "react-dom/client";
 import { HashRouter as Router, Routes, Route } from 'react-router-dom';
-import { ProjectsPage } from './ProjectsPage';
-import { ProjectPage } from './ProjectPage';
-import { TestPage } from './TestPage';
+import { TestPage } from './components/stateful/TestPage';
 import { Container } from 'react-bootstrap';
 import { SettingsButton } from './SettingsButton';
+import { ProjectPage } from './components/stateful/ProjectPage';
+import { ProjectsPage } from './components/stateful/ProjectsPage';
 export const App = () => {
     return (React.createElement(Router, null,
         React.createElement("div", { className: "d-flex flex-column min-vh-100", key: window.location.pathname },

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

@@ -145,7 +145,7 @@ export class PM_Main extends PM_WithEslintAndTsc {
                 process.exit(-1);
             }
             const builtfile = dest;
-            const webSideCares = [];
+            // const webSideCares: Page[] = [];
             // fs.writeFileSync(
             //   `${reportDest}/stdlog.txt`,
             //   "THIS FILE IS AUTO GENERATED. IT IS PURPOSEFULLY LEFT BLANK."
@@ -182,32 +182,37 @@ export class PM_Main extends PM_WithEslintAndTsc {
                             statusMessagePretty(results.fails, src, "pure");
                             this.bddTestIsNowDone(src, results.fails);
                         })
-                            .catch((e) => {
-                            console.log(ansiC.red(`launchPure - ${src} errored with: ${e}`));
+                            .catch((e1) => {
+                            console.log(ansiC.red(`launchPure - ${src} errored with: ${e1}`));
                             this.bddTestIsNowDone(src, -1);
+                            statusMessagePretty(-1, src, "pure");
                         });
                         // .finally(() => {
                         //   // webSideCares.forEach((webSideCar) => webSideCar.close());
                         // });
                     })
-                        .catch((e) => {
+                        .catch((e2) => {
                         console.log(ansiColors.red(`pure ! ${src} failed to execute. No "tests.json" file was generated. Check ${reportDest}/logs.txt for more info`));
-                        this.writeFileSync(`${reportDest}/logs.txt`, e.stack, src);
+                        this.writeFileSync(`${reportDest}/logs.txt`, e2.stack, src);
                         this.bddTestIsNowDone(src, -1);
                         statusMessagePretty(-1, src, "pure");
                         // console.error(e);
                     })
                         .finally((x) => {
-                        const fileSet = files[src] || new Set();
-                        fs.writeFileSync(reportDest + "/manifest.json", JSON.stringify(Array.from(fileSet)));
+                        // const fileSet = files[src] || new Set();
+                        // fs.writeFileSync(
+                        //   reportDest + "/manifest.json",
+                        //   JSON.stringify(Array.from(fileSet))
+                        // );
                     });
                 });
             }
-            catch (e) {
-                console.log(ansiC.red(ansiC.inverse(`${src} 1 errored with: ${e}. Check ${reportDest}/logs.txt for more info`)));
-                this.writeFileSync(`${reportDest}/logs.txt`, e.stack, src);
+            catch (e3) {
+                console.log(ansiC.red(ansiC.inverse(`${src} 1 errored with: ${e3}. Check ${reportDest}/logs.txt for more info`)));
+                this.writeFileSync(`${reportDest}/logs.txt`, e3.stack, src);
                 this.bddTestIsNowDone(src, -1);
                 statusMessagePretty(-1, src, "pure");
+                console.log("III) PURE IS EXITING BADLY WITH error", e3);
             }
             for (let i = 0; i <= portsToUse.length; i++) {
                 if (portsToUse[i]) {
@@ -332,17 +337,22 @@ export class PM_Main extends PM_WithEslintAndTsc {
                 });
                 child.on("error", (err) => { });
                 child.on("close", (code) => {
-                    oStream.close();
+                    // oStream.close();
                     server.close();
                     if (!files[src]) {
                         files[src] = new Set();
                     }
                     // files[src].add(filepath);
-                    fs.writeFileSync(reportDest + "/manifest.json", JSON.stringify(Array.from(files[src])));
+                    // fs.writeFileSync(
+                    //   reportDest + "/manifest.json",
+                    //   JSON.stringify(Array.from(files[src]))
+                    // );
                     if (code === 255) {
                         console.log(ansiColors.red(`node ! ${src} failed to execute. No "tests.json" file was generated. Check ${reportDest}/logs.txt for more info`));
                         this.bddTestIsNowDone(src, -1);
                         statusMessagePretty(-1, src, "node");
+                        oStream.close();
+                        return;
                     }
                     else if (code === 0) {
                         this.bddTestIsNowDone(src, 0);
@@ -393,7 +403,10 @@ export class PM_Main extends PM_WithEslintAndTsc {
                             files[src] = new Set();
                         }
                         // files[src].add(filepath);
-                        fs.writeFileSync(destFolder + "/manifest.json", JSON.stringify(Array.from(files[src])));
+                        // fs.writeFileSync(
+                        //   destFolder + "/manifest.json",
+                        //   JSON.stringify(Array.from(files[src]))
+                        // );
                         delete files[src];
                         Promise.all(screenshots[src] || []).then(() => {
                             delete screenshots[src];
@@ -681,7 +694,7 @@ export class PM_Main extends PM_WithEslintAndTsc {
       try {
         return await (await x.default).receiveTestResourceConfig(${webArgz})
       } catch (e) {
-        console.log("fail", e)
+        console.log("web run failure", e.toString())
       }
     })`;
             const ofile = `${reportDest}/logs.txt`;
@@ -712,16 +725,21 @@ export class PM_Main extends PM_WithEslintAndTsc {
                         files[src] = new Set();
                     }
                     // files[t].add(filepath);
-                    fs.writeFileSync(destFolder + "/manifest.json", JSON.stringify(Array.from(files[src])));
+                    // fs.writeFileSync(
+                    //   destFolder + "/manifest.json",
+                    //   JSON.stringify(Array.from(files[src]))
+                    // );
                     delete files[src];
                     Promise.all(screenshots[src] || []).then(() => {
                         delete screenshots[src];
                         page.close();
                         oStream.close();
                     });
+                    console.log("ostream is closed");
+                    return;
                 };
                 page.on("pageerror", (err) => {
-                    console.log(ansiColors.red(`web ! ${src} failed to execute. No "tests.json" file was generated. Check ${reportDest}/logs.txt for more info`));
+                    console.log(ansiColors.red(`web ! ${src} failed to execute No "tests.json" file was generated. Check ${reportDest}/logs.txt for more info`));
                     oStream.write(err.name);
                     oStream.write("\n");
                     if (err.cause) {
@@ -740,33 +758,31 @@ export class PM_Main extends PM_WithEslintAndTsc {
                     close();
                 });
                 page.on("console", (log) => {
-                    oStream.write(log.text());
-                    oStream.write("\n");
-                    oStream.write(JSON.stringify(log.location()));
-                    oStream.write("\n");
-                    oStream.write(JSON.stringify(log.stackTrace()));
-                    oStream.write("\n");
+                    console.log("console message: ", log.text());
+                    if (oStream.closed) {
+                        console.log("missed console message: ", log.text());
+                        return;
+                    }
+                    else {
+                        oStream.write(log.text());
+                        oStream.write("\n");
+                        oStream.write(JSON.stringify(log.location()));
+                        oStream.write("\n");
+                        oStream.write(JSON.stringify(log.stackTrace()));
+                        oStream.write("\n");
+                    }
                 });
                 await page.goto(`file://${`${destFolder}.html`}`, {});
-                this.webSidecars[Math.random()] = page.mainFrame()._id;
                 await page
                     .evaluate(evaluation)
                     .then(async ({ fails, failed, features }) => {
-                    // this.receiveFeatures(features, destFolder, src, "web");
-                    // this.receiveFeaturesV2(reportDest, src, "web");
                     statusMessagePretty(fails, src, "web");
                     this.bddTestIsNowDone(src, fails);
                     close();
                 })
                     .catch((e) => {
-                    // console.log(ansiC.red(ansiC.inverse(e)));
-                    // console.log(
-                    //   ansiC.red(
-                    //     ansiC.inverse(
-                    //       `web ! ${src} failed to execute. No "tests.json" file was generated. Check ${reportDest}/logs.txt for more info`
-                    //     )
-                    //   )
-                    // );
+                    console.log(ansiC.red(ansiC.inverse(e)));
+                    console.log(ansiC.red(ansiC.inverse(`web ! ${src} failed to execute. No "tests.json" file was generated. Check ${reportDest}/logs.txt for more info`)));
                     this.bddTestIsNowDone(src, -1);
                 })
                     .finally(() => {
@@ -979,9 +995,9 @@ export class PM_Main extends PM_WithEslintAndTsc {
                 slowMo: 1,
                 waitForInitialPage: false,
                 executablePath,
-                headless: true,
+                headless: false,
                 dumpio: false,
-                devtools: false,
+                devtools: true,
                 args: [
                     "--disable-features=site-per-process",
                     "--allow-file-access-from-files",
@@ -1076,30 +1092,36 @@ export class PM_Main extends PM_WithEslintAndTsc {
         //   this.launchExternalTest(et, this.configs.externalTests[et]);
         // });
     }
-    async launchExternalTest(externalTestName, externalTest) {
-        // fs.mkdirSync(`testeranto/externalTests/${externalTestName}`);
-        // exec(externalTest.exec, (error, stdout, stderr) => {
-        //   if (error) {
-        //     fs.writeFileSync(
-        //       `testeranto/externalTests/${externalTestName}/exitcode.txt`,
-        //       `${error.name}\n${error.message}\n${error.code}\n`
-        //     );
-        //   } else {
-        //     fs.writeFileSync(
-        //       `testeranto/externalTests/${externalTestName}/exitcode.txt`,
-        //       `0`
-        //     );
-        //   }
-        //   fs.writeFileSync(
-        //     `testeranto/externalTests/${externalTestName}/stdout.txt`,
-        //     stdout
-        //   );
-        //   fs.writeFileSync(
-        //     `testeranto/externalTests/${externalTestName}/stderr.txt`,
-        //     stderr
-        //   );
-        // });
-    }
+    // async launchExternalTest(
+    //   externalTestName: string,
+    //   externalTest: {
+    //     watch: string[];
+    //     exec: string;
+    //   }
+    // ) {
+    //   // fs.mkdirSync(`testeranto/externalTests/${externalTestName}`);
+    //   // exec(externalTest.exec, (error, stdout, stderr) => {
+    //   //   if (error) {
+    //   //     fs.writeFileSync(
+    //   //       `testeranto/externalTests/${externalTestName}/exitcode.txt`,
+    //   //       `${error.name}\n${error.message}\n${error.code}\n`
+    //   //     );
+    //   //   } else {
+    //   //     fs.writeFileSync(
+    //   //       `testeranto/externalTests/${externalTestName}/exitcode.txt`,
+    //   //       `0`
+    //   //     );
+    //   //   }
+    //   //   fs.writeFileSync(
+    //   //     `testeranto/externalTests/${externalTestName}/stdout.txt`,
+    //   //     stdout
+    //   //   );
+    //   //   fs.writeFileSync(
+    //   //     `testeranto/externalTests/${externalTestName}/stderr.txt`,
+    //   //     stderr
+    //   //   );
+    //   // });
+    // }
     async stop() {
         console.log(ansiC.inverse("Testeranto-Run is shutting down gracefully..."));
         this.mode = "once";

package/dist/module/src/ProjectsPage.js

@@ -1,110 +1 @@
-import React, { useEffect, useState } from 'react';
-import { Table, Alert } from 'react-bootstrap';
-import { useNavigate } from 'react-router-dom';
-import { NavBar } from "./NavBar";
-export const ProjectsPage = () => {
-    const [projects, setProjects] = useState([]);
-    const [summaries, setSummaries] = useState({});
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState(null);
-    const navigate = useNavigate();
-    const [configs, setConfigs] = useState({});
-    useEffect(() => {
-        const fetchProjects = async () => {
-            try {
-                const projectsRes = await fetch(`projects.json`);
-                const projectNames = await projectsRes.json();
-                // const projectNames = Object.keys(config.projects);
-                const projectsData = await Promise.all(projectNames.map(async (name) => {
-                    var _a, _b, _c, _d, _e, _f;
-                    const [summaryRes, nodeRes, webRes, pureRes, configRes] = await Promise.all([
-                        fetch(`reports/${name}/summary.json`),
-                        fetch(`bundles/node/${name}/metafile.json`),
-                        fetch(`bundles/web/${name}/metafile.json`),
-                        fetch(`bundles/pure/${name}/metafile.json`),
-                        fetch(`reports/${name}/config.json`),
-                    ]);
-                    const [summary, nodeData, webData, pureData, configData] = await Promise.all([
-                        summaryRes.json(),
-                        nodeRes.ok ? nodeRes.json() : { errors: ["Failed to load node build logs"] },
-                        webRes.ok ? webRes.json() : { errors: ["Failed to load web build logs"] },
-                        pureRes.ok ? pureRes.json() : { errors: ["Failed to load pure build logs"] },
-                        configRes.json(),
-                    ]);
-                    setSummaries(prev => (Object.assign(Object.assign({}, prev), { [name]: summary })));
-                    setConfigs(prev => (Object.assign(Object.assign({}, prev), { [name]: configData })));
-                    return {
-                        name,
-                        testCount: Object.keys(summary).length,
-                        nodeStatus: ((_a = nodeData.errors) === null || _a === void 0 ? void 0 : _a.length) ? 'failed' : ((_b = nodeData.warnings) === null || _b === void 0 ? void 0 : _b.length) ? 'warning' : 'success',
-                        webStatus: ((_c = webData.errors) === null || _c === void 0 ? void 0 : _c.length) ? 'failed' : ((_d = webData.warnings) === null || _d === void 0 ? void 0 : _d.length) ? 'warning' : 'success',
-                        pureStatus: ((_e = pureData.errors) === null || _e === void 0 ? void 0 : _e.length) ? 'failed' : ((_f = pureData.warnings) === null || _f === void 0 ? void 0 : _f.length) ? 'warning' : 'success',
-                        config: Object.keys(configData).length,
-                    };
-                }));
-                setProjects(projectsData);
-            }
-            catch (err) {
-                setError(err instanceof Error ? err.message : 'Unknown error');
-            }
-            finally {
-                setLoading(false);
-            }
-        };
-        fetchProjects();
-    }, []);
-    const getStatusIcon = (status) => {
-        switch (status) {
-            case 'success': return '✅';
-            case 'failed': return '❌';
-            case 'warning': return '⚠️';
-            default: return '❓';
-        }
-    };
-    if (loading)
-        return React.createElement("div", null, "Loading projects...");
-    if (error)
-        return React.createElement(Alert, { variant: "danger" },
-            "Error: ",
-            error);
-    console.log(configs);
-    return (React.createElement("div", { className: "p-3" },
-        React.createElement(NavBar, { title: "Testeranto", backLink: null }),
-        React.createElement(Table, { striped: true, bordered: true, hover: true, responsive: true },
-            React.createElement("thead", null,
-                React.createElement("tr", null,
-                    React.createElement("th", null, "Project"),
-                    React.createElement("th", null, "Tests"),
-                    React.createElement("th", null, "Node"),
-                    React.createElement("th", null, "Web"),
-                    React.createElement("th", null, "Pure"))),
-            React.createElement("tbody", null, projects.map((project) => (React.createElement("tr", { key: project.name },
-                React.createElement("td", null,
-                    React.createElement("a", { href: "#", onClick: (e) => {
-                            e.preventDefault();
-                            navigate(`/projects/${project.name}`);
-                        } }, project.name)),
-                React.createElement("td", null,
-                    React.createElement("div", { style: { maxHeight: '200px', overflowY: 'auto' } }, summaries[project.name] ? (Object.keys(summaries[project.name]).map(testName => {
-                        const testData = summaries[project.name][testName];
-                        const runTime = configs[project.name].tests.find((t) => t[0] === testName)[1];
-                        const hasRuntimeErrors = testData.runTimeErrors > 0;
-                        const hasStaticErrors = testData.typeErrors > 0 || testData.staticErrors > 0;
-                        return (React.createElement("div", { key: testName },
-                            React.createElement("a", { href: `#/projects/${project.name}/tests/${encodeURIComponent(testName)}/${runTime}` },
-                                hasRuntimeErrors ? '❌ ' : hasStaticErrors ? '⚠️ ' : '',
-                                testName.split('/').pop())));
-                    })) : (React.createElement("div", null, "Loading tests...")))),
-                React.createElement("td", null,
-                    React.createElement("a", { href: `#/projects/${project.name}#node` },
-                        getStatusIcon(project.nodeStatus),
-                        " Node build logs")),
-                React.createElement("td", null,
-                    React.createElement("a", { href: `#/projects/${project.name}#web` },
-                        getStatusIcon(project.webStatus),
-                        " Web build logs")),
-                React.createElement("td", null,
-                    React.createElement("a", { href: `#/projects/${project.name}#pure` },
-                        getStatusIcon(project.pureStatus),
-                        " Pure build logs")))))))));
-};
+export { ProjectsPage } from './components/stateful/ProjectsPage';

package/dist/module/src/Pure.js

@@ -8,22 +8,24 @@ export class PureTesteranto extends Testeranto {
         });
     }
     async receiveTestResourceConfig(partialTestResource) {
-        var _a, _b;
         console.log("[DEBUG] receiveTestResourceConfig called with:", partialTestResource);
         const t = JSON.parse(partialTestResource);
         const pm = new PM_Pure(t);
-        console.log("[DEBUG] Current test jobs:", (_a = this.testJobs) === null || _a === void 0 ? void 0 : _a.length);
-        if (!this.testJobs || this.testJobs.length === 0) {
-            console.error("[ERROR] No test jobs available - checking specs:", (_b = this.specs) === null || _b === void 0 ? void 0 : _b.length);
-            console.error("[ERROR] Test implementation:", this.testImplementation);
-            return {
-                failed: true,
-                fails: 1,
-                artifacts: [],
-                // logPromise: Promise.resolve(),
-                features: [],
-            };
-        }
+        // console.log("[DEBUG] Current test jobs:", this.testJobs?.length);
+        // if (!this.testJobs || this.testJobs.length === 0) {
+        //   console.error(
+        //     "[ERROR] No test jobs available - checking specs:",
+        //     this.specs?.length
+        //   );
+        //   console.error("[ERROR] Test implementation:", this.testImplementation);
+        //   return {
+        //     failed: true,
+        //     fails: 1,
+        //     artifacts: [],
+        //     // logPromise: Promise.resolve(),
+        //     features: [],
+        //   };
+        // }
         try {
             console.log("[DEBUG] Executing test job with PM:", pm);
             const result = await this.testJobs[0].receiveTestResourceConfig(pm);
@@ -34,7 +36,7 @@ export class PureTesteranto extends Testeranto {
             console.error("[ERROR] Test job failed:", e);
             return {
                 failed: true,
-                fails: 1,
+                fails: -1,
                 artifacts: [],
                 // logPromise: Promise.resolve(),
                 features: [],

package/dist/module/src/ReportServer.js

@@ -44,11 +44,54 @@ const server = http.createServer((req, res) => {
             // First check if file exists
             fs.stat(filePath, (err, stats) => {
                 if (err || !stats.isFile()) {
-                    // File doesn't exist - send 404 once
-                    if (!res.headersSent) {
-                        res.writeHead(404, { 'Content-Type': 'text/plain' });
-                        res.end('File not found');
-                    }
+                    // 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

package/dist/module/src/TestPage.js

@@ -184,22 +184,51 @@ export const TestPage = () => {
                         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" },
                     React.createElement("div", { className: "mb-3" }),
-                    testData.givens.map((given, i) => (React.createElement("div", { key: i, className: "mb-4 card" },
-                        React.createElement("div", { className: "card-header bg-primary text-white" },
-                            React.createElement("h4", null,
-                                "Given: ",
-                                given.name)),
-                        React.createElement("div", { className: "card-body" },
-                            given.whens.map((when, j) => (React.createElement("div", { key: `w-${j}`, className: `p-3 mb-2 ${when.error ? 'bg-danger text-white' : 'bg-success text-white'}` },
-                                React.createElement("strong", null, "When:"),
-                                " ",
-                                when.name,
-                                when.error && React.createElement("pre", { className: "mt-2" }, when.error)))),
-                            given.thens.map((then, k) => (React.createElement("div", { key: `t-${k}`, className: `p-3 mb-2 ${then.error ? 'bg-danger text-white' : 'bg-success text-white'}` },
-                                React.createElement("strong", null, "Then:"),
-                                " ",
-                                then.name,
-                                then.error && React.createElement("pre", { className: "mt-2" }, then.error)))))))))) : (React.createElement(Alert, { variant: "warning" }, "No test results found"))),
+                    testData.givens.map((given, i) => {
+                        var _a;
+                        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("button", { className: "btn btn-sm btn-light dropdown-toggle", type: "button", "data-bs-toggle": "dropdown" },
+                                            "Artifacts (",
+                                            given.artifacts.length,
+                                            ")"),
+                                        React.createElement("ul", { className: "dropdown-menu dropdown-menu-end" }, given.artifacts.map((artifact, ai) => (React.createElement("li", { key: ai },
+                                            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;
+                                    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("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;
+                                    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("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()))))))))));
+                                }))));
+                    }))) : (React.createElement(Alert, { variant: "warning" }, "No test results found"))),
                 React.createElement(Tab.Pane, { eventKey: "logs" }, logs === undefined ? (React.createElement(Alert, { variant: "danger" },
                     React.createElement("h4", null, "Logs file missing"),
                     React.createElement("p", null, "The runtime logs file (logs.txt) was not found."),

package/dist/module/src/Web.js

@@ -3,29 +3,44 @@
 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);
-};
+// let errorCallback = (e: any) => {};
+// let unhandledrejectionCallback = (event: PromiseRejectionEvent) => {
+//   console.log(
+//     "window.addEventListener unhandledrejection 1",
+//     JSON.stringify(event)
+//   );
+// };
 export class WebTesteranto extends Testeranto {
     constructor(input, testSpecification, testImplementation, testResourceRequirement, testAdapter) {
         super(input, testSpecification, testImplementation, testResourceRequirement, testAdapter, (cb) => {
-            window.removeEventListener("error", errorCallback);
-            errorCallback = (e) => {
-                console.log("window.addEventListener error", e);
-                cb(e);
-                // throw e;
-            };
-            window.addEventListener("error", errorCallback);
-            window.removeEventListener("unhandledrejection", unhandledrejectionCallback);
-            /////////////////////
-            window.removeEventListener("unhandledrejection", unhandledrejectionCallback);
-            unhandledrejectionCallback = (event) => {
-                console.log("window.addEventListener unhandledrejection", event);
-                cb({ error: event.reason.message });
-                // throw event;
-            };
-            window.addEventListener("unhandledrejection", unhandledrejectionCallback);
+            // window.removeEventListener("error", errorCallback);
+            // errorCallback = (e) => {
+            //   console.log("window.addEventListener error 2", JSON.stringify(e));
+            //   cb(e);
+            //   // throw e;
+            // };
+            // window.addEventListener("error", errorCallback);
+            // window.removeEventListener(
+            //   "unhandledrejection",
+            //   unhandledrejectionCallback
+            // );
+            // /////////////////////
+            // window.removeEventListener(
+            //   "unhandledrejection",
+            //   unhandledrejectionCallback
+            // );
+            // unhandledrejectionCallback = (event: PromiseRejectionEvent) => {
+            //   console.log(
+            //     "window.addEventListener unhandledrejection 3",
+            //     JSON.stringify(event)
+            //   );
+            //   cb({ error: event.reason.message });
+            //   // throw event;
+            // };
+            // window.addEventListener(
+            //   "unhandledrejection",
+            //   unhandledrejectionCallback
+            // );
         });
     }
     async receiveTestResourceConfig(partialTestResource) {

package/dist/module/src/components/SunriseAnimation.test/implementation.js

@@ -0,0 +1 @@
+"use strict";

package/dist/module/src/components/SunriseAnimation.test/index.js

@@ -0,0 +1 @@
+"use strict";

package/dist/module/src/components/SunriseAnimation.test/interface.js

@@ -0,0 +1 @@
+"use strict";

package/dist/module/src/components/SunriseAnimation.test/specification.js

@@ -0,0 +1 @@
+"use strict";