testeranto 0.173.0 → 0.189.0

package/dist/common/src/lib/pmProxy.test/implementation.js

@@ -2,6 +2,35 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.implementation = void 0;
 const mockPMBase_1 = require("./mockPMBase");
+const pmProxy_1 = require("../pmProxy");
+function createPathRewriter(basePath) {
+    return (path) => {
+        if (!path)
+            return path;
+        // Normalize paths and handle edge cases
+        const normalizedPath = path.replace(/\\/g, '/');
+        const normalizedBase = basePath.replace(/\\/g, '/');
+        // Handle absolute paths
+        if (normalizedPath.startsWith('/')) {
+            return `${normalizedBase}${normalizedPath}`;
+        }
+        // Handle parent directory references
+        if (normalizedPath.includes('../')) {
+            const parts = normalizedPath.split('/');
+            const baseParts = normalizedBase.split('/');
+            for (const part of parts) {
+                if (part === '..') {
+                    baseParts.pop();
+                }
+                else if (part !== '.') {
+                    baseParts.push(part);
+                }
+            }
+            return baseParts.join('/');
+        }
+        return `${normalizedBase}/${normalizedPath}`;
+    };
+}
 exports.implementation = {
     suites: {
         Default: "PM Proxy Tests",
@@ -17,7 +46,7 @@ exports.implementation = {
             var _a, _b, _c, _d, _e, _f, _g, _h;
             const mockPm = new mockPMBase_1.MockPMBase();
             const filepath = "test/path";
-            const proxiedPm = store.butThenProxy(mockPm, filepath);
+            const rewritePath = createPathRewriter(`${filepath}/butThen`);
             let actualPath;
             let actualContent;
             try {
@@ -26,7 +55,7 @@ exports.implementation = {
                         const content = expectedPath.includes("content")
                             ? "test content"
                             : "default content";
-                        proxiedPm.writeFileSync(expectedPath.includes("empty")
+                        (0, pmProxy_1.butThenProxy)(mockPm, filepath, {}).writeFileSync(expectedPath.includes("empty")
                             ? ""
                             : expectedPath.includes("nested")
                                 ? "nested/folder/test.txt"
@@ -39,11 +68,11 @@ exports.implementation = {
                         actualContent = (_b = mockPm.getLastCall("writeFileSync")) === null || _b === void 0 ? void 0 : _b.content;
                         break;
                     case "createWriteStream":
-                        proxiedPm.createWriteStream(expectedPath.includes("empty") ? "" : "stream.txt");
+                        (0, pmProxy_1.butThenProxy)(mockPm, filepath, {}).createWriteStream(expectedPath.includes("empty") ? "" : "stream.txt");
                         actualPath = (_c = mockPm.getLastCall("createWriteStream")) === null || _c === void 0 ? void 0 : _c.path;
                         break;
                     case "screencast":
-                        proxiedPm.screencast({
+                        (0, pmProxy_1.butThenProxy)(mockPm, filepath, {}).screencast({
                             path: "screen.png",
                             quality: 80,
                             fullPage: true,
@@ -52,7 +81,7 @@ exports.implementation = {
                         actualContent = (_f = mockPm.getLastCall("screencast")) === null || _f === void 0 ? void 0 : _f.opts;
                         break;
                     case "customScreenShot":
-                        proxiedPm.customScreenShot({ path: "shot.png" }, "test");
+                        (0, pmProxy_1.butThenProxy)(mockPm, filepath, {}).customScreenShot({ path: "shot.png" }, "test");
                         actualPath = (_h = (_g = mockPm.getLastCall("customScreenShot")) === null || _g === void 0 ? void 0 : _g.opts) === null || _h === void 0 ? void 0 : _h.path;
                         break;
                     default:

package/dist/common/src/lib/pmProxy.test/mockPMBase.js

@@ -22,6 +22,15 @@ class MockPMBase {
         const calls = this.calls[method];
         return calls ? calls[calls.length - 1] : null;
     }
+    // Add missing methods used in tests
+    // writeFileSync(path: string, content: string): Promise<boolean> {
+    //   this.trackCall('writeFileSync', { path, content });
+    //   return Promise.resolve(true);
+    // }
+    // end(uid: number): Promise<boolean> {
+    //   this.trackCall('end', { uid });
+    //   return Promise.resolve(true);
+    // }
     // Minimal implementations of required methods
     launchSideCar(n, testName, projectName) {
         this.trackCall("launchSideCar", { n, testName, projectName });

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

@@ -8,6 +8,11 @@ const app = (0, express_1.default)();
 app.get("/", (req, res) => {
     res.send("Hello World!");
 });
+app.get("/claim", (req, res) => {
+    const { resource } = req.query;
+    console.log(`Resource claimed: ${resource}`);
+    res.status(200).json({ status: 'claimed', resource });
+});
 exports.default = (port) => {
     app.listen(port, () => {
         console.log(`Example app listening on port ${port}`);

package/dist/common/src/mothership/test.js

@@ -9,9 +9,7 @@ const specification = (Suite, Given, When, Then) => {
     console.log("Suite", Suite);
     return [
         Suite.TheMothership("the mothership allows the coordination of test resources", {
-            test0: Given.ItIsRunning([`a resource can be claimed`], [When.IClaimTheResource("test")], [
-            // Then.TheResourceIsClaimed("test")
-            ]),
+            test0: Given.ItIsRunning([`a resource can be claimed`], [When.IClaimTheResource("test")], [Then.TheResourceIsClaimed("test")]),
         }, []),
     ];
 };
@@ -19,8 +17,21 @@ const implementation = {
     suites: { TheMothership: (x) => x },
     givens: { ItIsRunning: () => undefined },
     whens: {
-        IClaimTheResource: (resource) => async (i, tr, p) => {
-            fetch(`http://localhost:${tr.ports[0]}/claim?${resource}`);
+        IClaimTheResource: (resource) => async (app, tr, pm) => {
+            try {
+                const response = await fetch(`http://localhost:${tr.ports[0]}/claim?resource=${resource}`);
+                if (!response.ok) {
+                    const errorText = await response.text();
+                    console.error(`[ERROR] Failed to claim resource: ${errorText}`);
+                    throw new Error(`Failed to claim resource: ${errorText}`);
+                }
+                const result = await response.json();
+                return app;
+            }
+            catch (error) {
+                console.error("[ERROR] Resource claim failed:", error);
+                throw error;
+            }
         },
         IReleaseTheResource: function (resource) {
             throw new Error("Function not implemented.");
@@ -30,8 +41,10 @@ const implementation = {
         },
     },
     thens: {
-        TheResourceIsClaimed: (resource) => async (z, u) => {
-            throw new Error("Function not implemented.");
+        TheResourceIsClaimed: (expectedResource) => async (app, pm) => {
+            // In a real implementation, we'd check the server state
+            // For now just log and return success
+            return app;
         },
         TheResourceIsUnClaimed: function (It_0) {
             throw new Error("Function not implemented.");
@@ -39,26 +52,32 @@ const implementation = {
     },
 };
 const testAdapter = {
-    // assertThis: function (x: any) {
-    //   throw new Error("Function not implemented.");
-    // },
-    // andWhen: function (store: any, whenCB: any, testResource: ITTestResourceConfiguration, pm: IPM): Promise<any> {
-    //   throw new Error("Function not implemented.");
-    // },
-    // butThen: function (store: any, thenCB: any, testResource: ITTestResourceConfiguration, pm: IPM): Promise<any> {
-    //   throw new Error("Function not implemented.");
-    // },
-    // afterAll: function (store: any, pm: IPM) {
-    //   throw new Error("Function not implemented.");
-    // },
-    // afterEach: function (store: any, key: string, pm: IPM): Promise<unknown> {
-    //   throw new Error("Function not implemented.");
-    // },
-    // beforeAll: function (input: Express, testResource: ITTestResourceConfiguration, pm: IPM): Promise<any> {
-    //   throw new Error("Function not implemented.");
-    // },
     beforeEach: async (subject, initializer, testResource, initialValues, pm) => {
+        console.log("beforeEach - starting app on port", testResource.ports[0]);
         return subject(testResource.ports[0]);
     },
+    andWhen: async (store, whenCB, testResource, pm) => {
+        console.log("andWhen - executing action");
+        return whenCB(store, testResource, pm);
+    },
+    butThen: async (store, thenCB, testResource, pm) => {
+        console.log("butThen - making assertions");
+        return thenCB(store, pm);
+    },
+    afterEach: async (store, key, pm) => {
+        console.log("afterEach - cleaning up");
+        return store;
+    },
+    afterAll: async (store, pm) => {
+        console.log("afterAll - final cleanup");
+    },
+    beforeAll: async (input, testResource, pm) => {
+        console.log("beforeAll - initial setup");
+        return input;
+    },
+    assertThis: (x) => {
+        console.log("assertThis - validating result");
+        return x;
+    },
 };
 exports.default = (0, Node_1.default)(index_1.default, specification, implementation, testAdapter);

package/dist/common/src/types/features.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildTree = buildTree;
+function buildTree(projects) {
+    return projects.map(projectName => ({
+        name: projectName,
+        type: 'project',
+        children: [{
+                name: 'src',
+                type: 'file',
+                children: [{
+                        name: 'components',
+                        type: 'file',
+                        children: [{
+                                name: 'pure',
+                                type: 'file',
+                                children: [
+                                    { name: 'AppFrame.test', type: 'file', path: 'src/components/pure/AppFrame.test' },
+                                    { name: 'FeaturesReporterView.test', type: 'file', path: 'src/components/pure/FeaturesReporterView.test' },
+                                    { name: 'ProjectPageView.test', type: 'file', path: 'src/components/pure/ProjectPageView.test' }
+                                ]
+                            }]
+                    }, {
+                        name: 'lib',
+                        type: 'file',
+                        children: [{
+                                name: 'baseBuilder.test',
+                                type: 'file',
+                                path: 'src/lib/baseBuilder.test'
+                            }]
+                    }]
+            }]
+    }));
+}

package/dist/common/src/utils/api.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchBuildLogs = exports.fetchTestData = exports.fetchProjectData = void 0;
+exports.fetchTestData = exports.fetchProjectData = void 0;
+const logFiles_1 = require("./logFiles");
 const fetchProjectData = async (projectName) => {
     const [summaryRes, configRes] = await Promise.all([
         fetch(`reports/${projectName}/summary.json`),
@@ -18,42 +19,60 @@ const fetchTestData = async (projectName, filepath, runTime) => {
         .slice(0, -1)
         .join(".")}/${runTime}`;
     try {
-        const [testRes, logsRes, typeRes, lintRes] = await Promise.all([
+        const logFiles = (0, logFiles_1.getLogFilesForRuntime)(runTime);
+        console.log("mark2", logFiles);
+        const [testRes, ...logRes] = await Promise.all([
             fetch(`${basePath}/tests.json`),
-            fetch(`${basePath}/logs.txt`),
+            ...logFiles.map((f) => fetch(`${basePath}/${f}`)),
             fetch(`${basePath}/type_errors.txt`),
             fetch(`${basePath}/lint_errors.txt`),
         ]);
+        const logs = {
+            "tests.json": await (await fetch(`${basePath}/tests.json`)).json(),
+            "type_errors.txt": await (await fetch(`${basePath}/type_errors.txt`)).text(),
+            "lint_errors.txt": await (await fetch(`${basePath}/lint_errors.txt`)).text(),
+            "exit.log": await (await fetch(`${basePath}/exit.log`)).text(),
+        };
+        if (runTime === "node") {
+            logs["stdout.log"] = await (await fetch(`${basePath}/stdout.log`)).text();
+            logs["stderr.log"] = await (await fetch(`${basePath}/stderr.log`)).text();
+        }
+        if (runTime === "web") {
+            logs["info.log"] = await (await fetch(`${basePath}/info.log`)).text();
+            logs["error.log"] = await (await fetch(`${basePath}/error.log`)).text();
+            logs["debug.log"] = await (await fetch(`${basePath}/debug.log`)).text();
+            logs["warn.log"] = await (await fetch(`${basePath}/warn.log`)).text();
+        }
+        // const logs = await logFiles.reduce(async (acc, file, i) => {
+        //   acc[file.split(".")[0]] = await logRes[i].text();
+        //   return acc;
+        // }, {});
         if (!testRes.ok) {
             return {
-                testData: null,
-                logs: await logsRes.text(),
-                typeErrors: await typeRes.text(),
-                lintErrors: await lintRes.text(),
-                error: "Tests did not complete successfully. Please check the build and runtime logs for errors."
+                // testData: null,
+                logs,
+                // typeErrors: await logRes[logFiles.length].text(),
+                // lintErrors: await logRes[logFiles.length + 1].text(),
+                error: "Tests did not complete successfully. Please check the build and runtime logs for errors.",
             };
         }
+        console.log("mark1", logs);
         return {
-            testData: await testRes.json(),
-            logs: await logsRes.text(),
-            typeErrors: await typeRes.text(),
-            lintErrors: await lintRes.text(),
-            error: null
+            // testData: await testRes.json(),
+            logs,
+            // typeErrors: await logRes[logFiles.length].text(),
+            // lintErrors: await logRes[logFiles.length + 1].text(),
+            error: null,
         };
     }
     catch (err) {
         return {
-            testData: null,
-            logs: "",
-            typeErrors: "",
-            lintErrors: "",
-            error: `Failed to load test data: ${err instanceof Error ? err.message : String(err)}`
+            // testData: null,
+            logs: {},
+            // typeErrors: "",
+            // lintErrors: "",
+            error: `Failed to load test data: ${err instanceof Error ? err.message : String(err)}`,
         };
     }
 };
 exports.fetchTestData = fetchTestData;
-const fetchBuildLogs = async (projectName, runtime) => {
-    const res = await fetch(`reports/${projectName}/src/lib/${projectName}.${testName}/${runtime}/metafile.json`);
-    return await res.json();
-};
-exports.fetchBuildLogs = fetchBuildLogs;

package/dist/common/src/utils/featureUtils.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderTree = exports.buildTree = void 0;
+const buildTree = (features) => {
+    const tree = {};
+    features.forEach(({ name, status }) => {
+        const parts = name.split(" - ");
+        const projectAndTest = parts.slice(0, 2).join(" - ");
+        const givenAndThen = parts.slice(2).join(" - ");
+        const pathParts = projectAndTest.split("/");
+        let current = tree;
+        pathParts.forEach((part) => {
+            if (!current[part]) {
+                current[part] = {};
+            }
+            current = current[part];
+        });
+        current[givenAndThen] = status;
+    });
+    return tree;
+};
+exports.buildTree = buildTree;
+const renderTree = (nodes) => (React.createElement("ul", null, Object.entries(nodes).map(([key, value]) => (React.createElement("li", { key: key }, typeof value === "string" ? (React.createElement("span", null,
+    key,
+    " - ",
+    value)) : (React.createElement(React.Fragment, null,
+    React.createElement("span", null, key),
+    (0, exports.renderTree)(value))))))));
+exports.renderTree = renderTree;

package/dist/common/src/utils/logFiles.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLogFilesForRuntime = exports.PURE_LOG_FILES = exports.WEB_LOG_FILES = exports.NODE_LOG_FILES = void 0;
+exports.NODE_LOG_FILES = ["stdout.log", "stderr.log", "exit.log"];
+exports.WEB_LOG_FILES = [
+    "info.log",
+    "debug.log",
+    "error.log",
+    "warn.log",
+    "exit.log",
+];
+exports.PURE_LOG_FILES = ["exit.log"];
+const getLogFilesForRuntime = (runtime) => {
+    switch (runtime) {
+        case "node":
+            return exports.NODE_LOG_FILES;
+        case "web":
+            return exports.WEB_LOG_FILES;
+        case "pure":
+            return exports.PURE_LOG_FILES;
+        default:
+            throw new Error(`Unknown runtime: ${runtime}`);
+    }
+};
+exports.getLogFilesForRuntime = getLogFilesForRuntime;

package/dist/common/src/utils/makePrompt.js

@@ -0,0 +1,115 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makePromptInternal = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const utils_1 = require("../utils");
+const logFiles_1 = require("./logFiles");
+const makePrompt = async (summary, name, entryPoint, addableFiles, runtime) => {
+    summary[entryPoint].prompt = "?";
+    const promptPath = (0, utils_1.promptPather)(entryPoint, runtime, name);
+    // Correct directory structure: testeranto/reports/<name>/<testname>/<runtime>/
+    const testDir = path_1.default.join("testeranto", "reports", name, entryPoint.split(".").slice(0, -1).join("."), runtime);
+    // Ensure directory exists
+    if (!fs_1.default.existsSync(testDir)) {
+        fs_1.default.mkdirSync(testDir, { recursive: true });
+    }
+    // Test result files
+    const testPaths = path_1.default.join(testDir, "tests.json");
+    const lintPath = path_1.default.join(testDir, "lint_errors.txt");
+    const typePath = path_1.default.join(testDir, "type_errors.txt");
+    const messagePath = path_1.default.join(testDir, "message.txt");
+    try {
+        await Promise.all([
+            fs_1.default.promises.writeFile(promptPath, `
+${addableFiles
+                .map((x) => {
+                return `/add ${x}`;
+            })
+                .join("\n")}
+
+/read node_modules/testeranto/docs/index.md
+/read node_modules/testeranto/docs/style.md
+/read node_modules/testeranto/docs/testing.ai.txt
+/read node_modules/testeranto/src/CoreTypes.ts
+
+/read ${testPaths}
+/read ${typePath}
+/read ${lintPath}
+
+/read ${(0, logFiles_1.getLogFilesForRuntime)(runtime)
+                .map((p) => `${testDir}/${p}`)
+                .join(" ")}
+`),
+            fs_1.default.promises.writeFile(messagePath, `
+There are 3 types of test reports.
+1) bdd (highest priority)
+2) type checker
+3) static analysis (lowest priority)
+
+"tests.json" is the detailed result of the bdd tests.
+if these files do not exist, then something has gone badly wrong and needs to be addressed.
+
+"type_errors.txt" is the result of the type checker.
+if this file does not exist, then type check passed without errors;
+
+"lint_errors.txt" is the result of the static analysis.
+if this file does not exist, then static analysis passed without errors;
+
+BDD failures are the highest priority. Focus on passing BDD tests before addressing other concerns.
+Do not add error throwing/catching to the tests themselves.
+`),
+        ]);
+    }
+    catch (e) {
+        console.error(`Failed to write prompt files at ${testDir}`);
+        console.error(e);
+        throw e;
+    }
+    summary[entryPoint].prompt = `aider --model deepseek/deepseek-chat --load testeranto/${name}/reports/${runtime}/${entryPoint
+        .split(".")
+        .slice(0, -1)
+        .join(".")}/prompt.txt`;
+};
+// function logs(r: IRunTime) {
+//   return getLogFilesForRuntime(r);
+// }
+// async function logsOfRuntime(
+//   runTime: IRunTime,
+//   testDir: string
+// ): Promise<string> {
+//   try {
+//     const fileChecks = await Promise.all(
+//       getLogFilesForRuntime(runTime).map(async (f) => {
+//         const filePath = path.join(testDir, f);
+//         try {
+//           await fs.promises.access(filePath);
+//           const content = await fs.promises.readFile(filePath, "utf-8");
+//           return content;
+//         } catch {
+//           return null;
+//         }
+//       })
+//     );
+//     return fileChecks.filter(Boolean).join("\n");
+//   } catch (e) {
+//     console.error(`Error checking log files in ${testDir}`);
+//     console.error(e);
+//     return "";
+//   }
+// }
+const makePromptInternal = (summary, name, entryPoint, addableFiles, runTime) => {
+    if (runTime === "node") {
+        return makePrompt(summary, name, entryPoint, addableFiles, "node");
+    }
+    if (runTime === "web") {
+        return makePrompt(summary, name, entryPoint, addableFiles, "web");
+    }
+    if (runTime === "pure") {
+        return makePrompt(summary, name, entryPoint, addableFiles, "pure");
+    }
+};
+exports.makePromptInternal = makePromptInternal;

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

@@ -1,22 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = (jsfilePath, htmlFilePath) => `
+exports.default = (jsfilePath, htmlFilePath, cssfilePath) => `
 <!DOCTYPE html>
 <html lang="en">
 
 <head>
   <script type="module" src="${jsfilePath}"></script>
-
+  <link rel="stylesheet" href="${cssfilePath}">
 </head>
 
 <body>
-  <h1>${htmlFilePath}</h1>
   <div id="root">
-
   </div>
 </body>
 
-<footer></footer>
-
 </html>
 `;

package/dist/common/testeranto.config.js

@@ -1,43 +1,56 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const esbuild_sass_plugin_1 = require("esbuild-sass-plugin");
 // TODO- this config file is horrible. I need to redo how config files are handled.
 const config = {
     projects: {
-        staticSite: {
-            tests: [["src/ReportServer.test.ts/index.ts", "node", { ports: 1 }, []]],
-            clearScreen: false,
-            debugger: false,
-            externals: [],
-            featureIngestor: function (s) {
-                throw new Error("Function not implemented.");
-            },
-            importPlugins: [],
-            minify: false,
-            nodePlugins: [],
-            ports: ["3334"],
-            src: "",
-            webPlugins: [],
-        },
+        // staticSite: {
+        //   tests: [["src/ReportServer.test.ts/index.ts", "node", { ports: 1 }, []]],
+        //   clearScreen: false,
+        //   debugger: false,
+        //   externals: [],
+        //   featureIngestor: function (s: string): Promise<string> {
+        //     throw new Error("Function not implemented.");
+        //   },
+        //   importPlugins: [],
+        //   minify: false,
+        //   nodePlugins: [],
+        //   ports: ["3334"],
+        //   src: "",
+        //   webPlugins: [],
+        // },
         core: {
             tests: [
-                // [
-                //   "src/components/pure/ProjectPageView.test/index.ts",
-                //   "web",
-                //   { ports: 0 },
-                //   [],
-                // ],
-                // ["src/lib/BaseSuite.test/node.test.ts", "node", { ports: 0 }, []],
-                // ["src/lib/BaseSuite.test/pure.test.ts", "pure", { ports: 0 }, []],
-                // ["src/lib/BaseSuite.test/web.test.ts", "web", { ports: 0 }, []],
-                // ["src/Pure.test.ts", "pure", { ports: 0 }, []],
-                // ["src/lib/pmProxy.test/index.ts", "node", { ports: 0 }, []],
-                // ["src/lib/core.test/core.test.ts", "node", { ports: 0 }, []],
-                // [
-                //   "src/lib/classBuilder.test/classBuilder.test.ts",
-                //   "node",
-                //   { ports: 0 },
-                //   [],
-                // ],
+                [
+                    "src/components/pure/TestPageView.test/index.tsx",
+                    "web",
+                    { ports: 0 },
+                    [],
+                ],
+                [
+                    "src/components/pure/ProjectPageView.test/index.tsx",
+                    "web",
+                    { ports: 0 },
+                    [],
+                ],
+                [
+                    "src/components/pure/ModalContent.test/index.tsx",
+                    "web",
+                    { ports: 0 },
+                    [],
+                ],
+                ["src/lib/BaseSuite.test/node.test.ts", "node", { ports: 0 }, []],
+                ["src/lib/BaseSuite.test/pure.test.ts", "pure", { ports: 0 }, []],
+                ["src/lib/BaseSuite.test/web.test.ts", "web", { ports: 0 }, []],
+                ["src/Pure.test.ts", "pure", { ports: 0 }, []],
+                ["src/lib/pmProxy.test/index.ts", "node", { ports: 0 }, []],
+                ["src/lib/core.test/core.test.ts", "node", { ports: 0 }, []],
+                [
+                    "src/lib/classBuilder.test/classBuilder.test.ts",
+                    "node",
+                    { ports: 0 },
+                    [],
+                ],
                 [
                     "src/lib/baseBuilder.test/baseBuilder.test.node.ts",
                     "node",
@@ -56,8 +69,20 @@ const config = {
                     { ports: 0 },
                     [],
                 ],
-                // ["src/mothership/test.ts", "node", { ports: 0 }, []],
-                // ["./src/lib/abstractBase/index.ts", "node", { ports: 0 }, []],
+                [
+                    "src/components/pure/AppFrame.test/index.tsx",
+                    "web",
+                    { ports: 0 },
+                    [],
+                ],
+                [
+                    "src/components/pure/FeaturesReporterView.test/index.tsx",
+                    "web",
+                    { ports: 0 },
+                    [],
+                ],
+                ["src/mothership/test.ts", "node", { ports: 0 }, []],
+                // ["./src/lib/abstractBase.test/index.ts", "node", { ports: 0 }, []],
                 // [
                 //   "src/PM/__tests__/nodeSidecar.testeranto.ts",
                 //   "node",
@@ -83,7 +108,10 @@ const config = {
             nodePlugins: [],
             ports: ["3333"],
             src: "",
-            webPlugins: [],
+            webPlugins: [() => (0, esbuild_sass_plugin_1.sassPlugin)()],
+            webLoaders: {
+                ".ttf": "file",
+            },
         },
     },
 };