testeranto 0.173.0 → 0.189.0

package/src/lib/pmProxy.ts

@@ -1,6 +1,8 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
+// Do not add logging to this file as it is used by the pure runtime.
+
 import { IPM } from "./types";
 
 export type IProxyBase = (
@@ -8,9 +10,14 @@ export type IProxyBase = (
   mappings: [string, (...x: any) => any][]
 ) => IPM;
 
-export type IProxy = (pm: IPM, filepath: string) => IPM;
-export type IProxyAfterEach = (pm: IPM, suite: string, given: string) => IPM;
-export type IProxyBeforeEach = (pm: IPM, suite: string) => IPM;
+export type IProxy = (pm: IPM, filepath: string, step: any) => IPM;
+export type IProxyAfterEach = (
+  pm: IPM,
+  suite: string,
+  given: string,
+  step: any
+) => IPM;
+export type IProxyBeforeEach = (pm: IPM, suite: string, step: any) => IPM;
 
 export type IProxiedFunctions =
   | "screencast"
@@ -38,13 +45,31 @@ const baseProxy: IProxyBase = function (
   });
 };
 
-export const butThenProxy: IProxy = (pm: IPM, filepath: string) => {
+export const butThenProxy: IProxy = (
+  pm: IPM,
+  filepath: string,
+  addArtifact
+) => {
   return baseProxy(pm, [
     [
       "screencast",
       (opts, p) => {
         const path = `${filepath}/butThen/${opts.path}`;
-        (pm as any).currentStep?.artifacts?.push(path);
+        addArtifact(path);
+        // console.log(
+        //   `[ARTIFACT] Preparing to add to ${step.constructor.name}:`,
+        //   path
+        // );
+        // try {
+
+        //   console.log(
+        //     `[ARTIFACT] Successfully added to ${step.constructor.name}`
+        //   );
+        //   console.log(`[ARTIFACT] Current artifacts:`, JSON.stringify(step.artifacts));
+        // } catch (e) {
+        //   console.error(`[ARTIFACT] Failed to add ${path}:`, e);
+        //   throw e;
+        // }
         return [
           {
             ...opts,
@@ -54,30 +79,27 @@ export const butThenProxy: IProxy = (pm: IPM, filepath: string) => {
         ];
       },
     ],
-
     [
       "createWriteStream",
       (fp) => {
         const path = `${filepath}/butThen/${fp}`;
-        (pm as any).currentStep?.artifacts?.push(path);
+        addArtifact(path);
         return [path];
       },
     ],
-
     [
       "writeFileSync",
       (fp, contents) => {
         const path = `${filepath}/butThen/${fp}`;
-        (pm as any).currentStep?.artifacts?.push(path);
+        addArtifact(path);
         return [path, contents];
       },
     ],
-
     [
       "customScreenShot",
       (opts, p) => {
         const path = `${filepath}/butThen/${opts.path}`;
-        (pm as any).currentStep?.artifacts?.push(path);
+        addArtifact(path);
         return [
           {
             ...opts,
@@ -90,146 +112,256 @@ export const butThenProxy: IProxy = (pm: IPM, filepath: string) => {
   ]);
 };
 
-export const andWhenProxy: IProxy = (pm: IPM, filepath: string) =>
-  baseProxy(pm, [
+export const andWhenProxy: IProxy = (
+  pm: IPM,
+  filepath: string,
+  addArtifact
+) => {
+  return baseProxy(pm, [
     [
       "screencast",
-      (opts, p) => [
-        {
-          ...opts,
-          path: `${filepath}/andWhen/${opts.path}`,
-        },
-        p,
-      ],
+      (opts, p) => {
+        const path = `${filepath}/andWhen/${opts.path}`;
+        addArtifact(path);
+        return [
+          {
+            ...opts,
+            path,
+          },
+          p,
+        ];
+      },
     ],
 
-    ["createWriteStream", (fp) => [`${filepath}/andWhen/${fp}`]],
+    [
+      "createWriteStream",
+      (fp) => {
+        const path = `${filepath}/andWhen/${fp}`;
+        addArtifact(path);
+        return [path];
+      },
+    ],
 
-    ["writeFileSync", (fp, contents) => [`${filepath}/andWhen${fp}`, contents]],
+    [
+      "writeFileSync",
+      (fp, contents) => {
+        const path = `${filepath}/andWhen/${fp}`;
+        addArtifact(path);
+        return [path, contents];
+      },
+    ],
 
     [
       "customScreenShot",
-      (opts, p) => [
-        {
-          ...opts,
-          path: `${filepath}/andWhen${opts.path}`,
-        },
-        p,
-      ],
+      (opts, p) => {
+        const path = `${filepath}/andWhen/${opts.path}`;
+        // console.log("STEP2", JSON.stringify(step));
+        addArtifact(path);
+        return [
+          {
+            ...opts,
+            path,
+          },
+          p,
+        ];
+      },
     ],
   ]);
+};
 
 export const afterEachProxy: IProxyAfterEach = (
   pm: IPM,
   suite: string,
-  given: string
-): IPM =>
-  baseProxy(pm, [
+  given: string,
+  addArtifact
+): IPM => {
+  return baseProxy(pm, [
     [
       "screencast",
-      (opts, p) => [
-        {
-          ...opts,
-          path: `suite-${suite}/given-${given}/afterEach/${opts.path}`,
-        },
-        p,
-      ],
+      (opts, p) => {
+        const path = `suite-${suite}/given-${given}/afterEach/${opts.path}`;
+        addArtifact(path);
+        return [
+          {
+            ...opts,
+            path,
+          },
+          p,
+        ];
+      },
     ],
 
-    ["createWriteStream", (fp) => [`suite-${suite}/afterEach/${fp}`]],
+    [
+      "createWriteStream",
+      (fp) => {
+        const path = `suite-${suite}/afterEach/${fp}`;
+        addArtifact(path);
+        return [path];
+      },
+    ],
     [
       "writeFileSync",
-      (fp, contents) => [
-        `suite-${suite}/given-${given}/afterEach/${fp}`,
-        contents,
-      ],
+      (fp, contents) => {
+        const path = `suite-${suite}/given-${given}/afterEach/${fp}`;
+        addArtifact(path);
+        return [path, contents];
+      },
     ],
 
     [
       "customScreenShot",
-      (opts, p) => [
-        {
-          ...opts,
-          path: `suite-${suite}/given-${given}/afterEach/${opts.path}`,
-        },
-        p,
-      ],
+      (opts, p) => {
+        const path = `suite-${suite}/given-${given}/afterEach/${opts.path}`;
+        addArtifact(path);
+        // console.log("STEP3", JSON.stringify(step));
+        return [
+          {
+            ...opts,
+            path,
+          },
+          p,
+        ];
+      },
     ],
   ]);
+};
 
 export const beforeEachProxy: IProxyBeforeEach = (
   pm: IPM,
-  suite: string
-): IPM =>
-  baseProxy(pm, [
+  suite: string,
+  addArtifact
+): IPM => {
+  return baseProxy(pm, [
     [
       "screencast",
-      (opts, p) => [
-        {
-          ...opts,
-          path: `suite-${suite}/beforeEach/${opts.path}`,
-        },
-        p,
-      ],
+      (opts, p) => {
+        const path = `suite-${suite}/beforeEach/${opts.path}`;
+        addArtifact(path);
+
+        return [
+          {
+            ...opts,
+            path,
+          },
+          p,
+        ];
+      },
     ],
 
     [
       "writeFileSync",
-      (fp, contents) => [`suite-${suite}/beforeEach/${fp}`, contents],
+      (fp, contents) => {
+        const path = `suite-${suite}/beforeEach/${fp}`;
+        addArtifact(path);
+        return [path, contents];
+      },
     ],
 
     [
       "customScreenShot",
-      (opts, p) => [
-        {
-          ...opts,
-          path: `suite-${suite}/beforeEach/${opts.path}`,
-        },
-        p,
-      ],
+      (opts, p) => {
+        const path = `suite-${suite}/beforeEach/${opts.path}`;
+        addArtifact(path);
+        return [
+          {
+            ...opts,
+            path,
+          },
+          p,
+        ];
+      },
     ],
 
-    ["createWriteStream", (fp) => [`suite-${suite}/beforeEach/${fp}`]],
+    [
+      "createWriteStream",
+      (fp) => {
+        const path = `suite-${suite}/beforeEach/${fp}`;
+        addArtifact(path);
+        return [path];
+      },
+    ],
   ]);
+};
 
-export const beforeAllProxy: IProxy = (pm: IPM, suite: string): IPM =>
-  baseProxy(pm, [
+export const beforeAllProxy: IProxy = (
+  pm: IPM,
+  suite: string,
+  addArtifact
+): IPM => {
+  return baseProxy(pm, [
     [
       "writeFileSync",
-      (fp, contents) => [`suite-${suite}/beforeAll/${fp}`, contents],
+      (fp, contents) => {
+        const path = `suite-${suite}/beforeAll/${fp}`;
+        addArtifact(path);
+
+        return [path, contents];
+      },
     ],
 
     [
       "customScreenShot",
-      (opts, p) => [
-        {
-          ...opts,
-          path: `suite-${suite}/beforeAll/${opts.path}`,
-        },
-        p,
-      ],
+      (opts, p) => {
+        const path = `suite-${suite}/beforeAll/${opts.path}`;
+        addArtifact(path);
+        return [
+          {
+            ...opts,
+            path,
+          },
+          p,
+        ];
+      },
     ],
 
-    ["createWriteStream", (fp) => [`suite-${suite}/beforeAll/${fp}`]],
+    [
+      "createWriteStream",
+      (fp) => {
+        const path = `suite-${suite}/beforeAll/${fp}`;
+        addArtifact(path);
+        return [path];
+      },
+    ],
   ]);
+};
 
-export const afterAllProxy: IProxy = (pm: IPM, suite: string): IPM =>
-  baseProxy(pm, [
-    ["createWriteStream", (fp) => [`suite-${suite}/afterAll/${fp}`]],
+export const afterAllProxy: IProxy = (
+  pm: IPM,
+  suite: string,
+  addArtifact
+): IPM => {
+  return baseProxy(pm, [
+    [
+      "createWriteStream",
+      (fp) => {
+        const path = `suite-${suite}/afterAll/${fp}`;
+        addArtifact(path);
+        return [path];
+      },
+    ],
 
     [
       "writeFileSync",
-      (fp, contents) => [`suite-${suite}/afterAll/${fp}`, contents],
+      (fp, contents) => {
+        const path = `suite-${suite}/afterAll/${fp}`;
+        addArtifact(path);
+        return [path, contents];
+      },
     ],
 
     [
       "customScreenShot",
-      (opts, p) => [
-        {
-          ...opts,
-          path: `suite-${suite}/afterAll/${opts.path}`,
-        },
-        p,
-      ],
+      (opts, p) => {
+        const path = `suite-${suite}/afterAll/${opts.path}`;
+        addArtifact(path);
+        return [
+          {
+            ...opts,
+            path,
+          },
+          p,
+        ];
+      },
     ],
   ]);
+};

package/src/lib/types.ts

@@ -1,5 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
+// Do not add logging to this file as it is used by the pure runtime.
+
 import type { Ibdd_in_any, Ibdd_out_any } from "../CoreTypes";
 import { PM_Node } from "../PM/node";
 import { PM_Pure } from "../PM/pure";

package/src/mothership/index.ts

@@ -6,6 +6,12 @@ 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 });
+});
+
 export default (port: number) => {
   app.listen(port, () => {
     console.log(`Example app listening on port ${port}`);

package/src/mothership/test.ts

@@ -58,9 +58,7 @@ const specification: ITestSpecification<Ibdd_in_any, O> = (
         test0: Given.ItIsRunning(
           [`a resource can be claimed`],
           [When.IClaimTheResource("test")],
-          [
-            // Then.TheResourceIsClaimed("test")
-          ]
+          [Then.TheResourceIsClaimed("test")]
         ),
       },
       []
@@ -72,8 +70,23 @@ const implementation: ITestImplementation<I, O> = {
   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: string
@@ -87,8 +100,10 @@ const implementation: ITestImplementation<I, O> = {
     },
   },
   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: string
@@ -98,25 +113,7 @@ const implementation: ITestImplementation<I, O> = {
   },
 };
 
-const testAdapter: IPartialNodeAdapter<I> = {
-  // 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.");
-  // },
+const testAdapter = {
   beforeEach: async (
     subject,
     initializer: (c?: any) => any,
@@ -124,8 +121,38 @@ const testAdapter: IPartialNodeAdapter<I> = {
     initialValues: any,
     pm: IPM
   ) => {
+    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;
+  },
 };
 
 export default Testeranto(

package/src/style.md

@@ -6,3 +6,5 @@ themes.scss defines themes.
 fonts.scss defines fonts.
 
 Project and TestReport components each have their own respective scss files.
+
+testeranto base style is white and panels make use of the frosted glass effect. Themes should compliment this base style.

package/src/style.scss

@@ -1,6 +1,22 @@
 @import "../node_modules/bootstrap/scss/bootstrap.scss";
 @import "./fonts.scss";
 
+.video-container {
+  position: relative;
+  width: 100%;
+  height: 315px;
+  margin: 1rem 0;
+  background: #1a1a1a;
+  border-radius: 8px;
+  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+  overflow: hidden;
+  
+  canvas {
+    width: 100%;
+    height: 100%;
+  }
+}
+
 body {
   font-family: "M PLUS Rounded 1c", sans-serif;
   color: var(--dark);

package/src/templates/frontpage.html

@@ -0,0 +1,54 @@
+<div class="hero-section">
+  <div class="container">
+    <div class="row align-items-center">
+
+      <!-- <div class="col-md-2">
+
+      </div> -->
+      <div class="col-md-10">
+        <h1>Testeranto</h1>
+        <h2>The AI-powered BDD test framework for typescript projects</h2>
+
+
+      </div>
+      <!-- <div class="col-md-12">
+
+        <ul class="cta-buttons">
+          <a href="https://github.com/adamwong246/testeranto" class="btn btn-primary">Star on GitHub</a>
+          <li><a href="README.html">README</a></li>
+          <li><a href="docs/index.html">docs</a></li>
+        </ul>
+
+        <iframe width="420" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY">
+        </iframe>
+        
+        <video width="320" height="240" controls>
+          <source src="output/project.mp4" type="video/mp4">
+
+          Your browser does not support the video tag.
+        </video>
+      </div> -->
+    </div>
+  </div>
+</div>
+
+<div class="features-section">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-4 feature-card">
+        <h3>✨ Vibe Coding grows up</h3>
+        <p>Harness the power of LLM generated code with the control of a BDD framework.</p>
+      </div>
+      <div class="col-md-4 feature-card">
+        <h3>🧠 Precision Context</h3>
+        <p>Testeranto tests conserve the LLM's limited context. This means you can get better results out of cheaper
+          models.</p>
+      </div>
+      <div class="col-md-4 feature-card">
+        <h3>🤖 Tests so nice they fix themselves!</h3>
+        <p>When a test fails, just press the magic robot button. Testeranto will call an LLM service with a precise
+          prompt fix it.</p>
+      </div>
+    </div>
+  </div>
+</div>

package/src/themes.scss

@@ -1,13 +1,13 @@
 // Common theme initialization
-:root {
-  @each $theme, $colors in $themes {
-    &[data-bs-theme="#{$theme}"] {
-      @each $name, $color in $colors {
-        --#{$name}: #{$color};
-      }
-    }
-  }
-}
+// :root {
+//   @each $theme, $colors in $themes {
+//     &[data-bs-theme="#{$theme}"] {
+//       @each $name, $color in $colors {
+//         --#{$name}: #{$color};
+//       }
+//     }
+//   }
+// }
 
 :root[data-bs-theme="light-vibrant"] {
   --primary: #ff2d75;