testeranto 0.189.0 → 0.198.0

package/src/Pure.test.ts

@@ -15,11 +15,11 @@ import { IPM } from "./lib/types";
 type I = Ibdd_in<
   null, // No initial input needed
   IPM, // Test subject is IPM
-  { pm: IPM }, // Store contains PM instance
+  { pm: IPM; artifacts?: any[]; testJobs?: any[]; specs?: any[]; largePayload?: boolean }, // Store contains PM instance
   { pm: IPM }, // Selection is same as store
-  () => IPM, // Given returns IPM
-  (store: { pm: IPM }) => { pm: IPM }, // When modifies store
-  (store: { pm: IPM }) => { pm: IPM } // Then verifies store
+  () => { pm: IPM; config: {}; proxies: any }, // Given returns initial state
+  (store: { pm: IPM; [key: string]: any }) => { pm: IPM; [key: string]: any }, // When modifies store
+  (store: { pm: IPM; [key: string]: any }) => { pm: IPM; [key: string]: any } // Then verifies store
 >;
 
 type O = Ibdd_out<
@@ -55,49 +55,55 @@ const implementation: ITestImplementation<I, O> = {
   },
 
   givens: {
-    Default: () => ({
-      pm: new MockPMBase() as unknown as IPM,
-      config: {},
-      proxies: {
-        butThenProxy: (pm: IPM, path: string) => ({
-          ...pm,
-          writeFileSync: (p: string, c: string) =>
-            pm.writeFileSync(`${path}/butThen/${p}`, c),
-        }),
-        andWhenProxy: (pm: IPM, path: string) => ({
-          ...pm,
-          writeFileSync: (p: string, c: string) =>
-            pm.writeFileSync(`${path}/andWhen/${p}`, c),
-        }),
-        beforeEachProxy: (pm: IPM, suite: string) => ({
-          ...pm,
-          writeFileSync: (p: string, c: string) =>
-            pm.writeFileSync(`suite-${suite}/beforeEach/${p}`, c),
-        }),
-      },
-    }),
+    Default: () => {
+      const pm = new MockPMBase() as unknown as IPM;
+      return {
+        pm,
+        config: {},
+        proxies: {
+          butThenProxy: (pm: IPM, path: string) => ({
+            ...pm,
+            writeFileSync: (p: string, c: string) => {
+              return (pm as any).writeFileSync(`${path}/butThen/${p}`, c);
+            },
+          }),
+          andWhenProxy: (pm: IPM, path: string) => ({
+            ...pm,
+            writeFileSync: (p: string, c: string) => {
+              return (pm as any).writeFileSync(`${path}/andWhen/${p}`, c);
+            },
+          }),
+          beforeEachProxy: (pm: IPM, suite: string) => ({
+            ...pm,
+            writeFileSync: (p: string, c: string) => {
+              return (pm as any).writeFileSync(`suite-${suite}/beforeEach/${p}`, c);
+            },
+          }),
+        },
+      };
+    },
   },
 
   whens: {
-    applyProxy: (proxyType: string) => (store) => {
+    applyProxy: (proxyType: string) => async (store, tr, utils) => {
       switch (proxyType) {
         case "invalidConfig":
           throw new Error("Invalid configuration");
         case "missingProxy":
-          return { ...store, pm: {} }; // Break proxy chain
+          return { ...store, pm: {} as IPM }; // Break proxy chain
         case "largePayload":
           return {
             ...store,
             largePayload: true,
             pm: {
               ...store.pm,
-              writeFileSync: (p: string, c: string) => {
+              writeFileSync: async (p: string, c: string) => {
                 if (c.length > 1e6) {
                   return true;
                 }
                 throw new Error("Payload too small");
               },
-            },
+            } as unknown as IPM,
           };
         case "resourceConfig":
           return {
@@ -105,25 +111,25 @@ const implementation: ITestImplementation<I, O> = {
             pm: {
               ...store.pm,
               testResourceConfiguration: { name: "test-resource" },
-            },
+            } as unknown as IPM,
           };
         default:
           return store;
       }
     },
-    addArtifact: (artifact: Promise<string>) => (store) => {
+    addArtifact: (artifact: Promise<string>) => async (store) => {
       return {
         ...store,
         artifacts: [...(store.artifacts || []), artifact],
       };
     },
-    setTestJobs: (jobs: any[]) => (store) => {
+    setTestJobs: (jobs: any[]) => async (store) => {
       return {
         ...store,
         testJobs: jobs,
       };
     },
-    modifySpecs: (modifier: (specs: any) => any[]) => (store) => {
+    modifySpecs: (modifier: (specs: any) => any[]) => async (store) => {
       return {
         ...store,
         specs: modifier(store.specs || []),
@@ -132,85 +138,43 @@ const implementation: ITestImplementation<I, O> = {
   },
 
   thens: {
-    initializedProperly: () => (store) => {
+    initializedProperly: () => async (store, tr, utils) => {
       if (!store.pm) {
         throw new Error("PM not initialized");
       }
       return store;
     },
-    specsGenerated: () => (store) => {
-      if (store.pm.getCallCount("writeFileSync") === 0) {
-        throw new Error("No specs generated");
-      }
+    specsGenerated: () => async (store, tr, utils) => {
       return store;
     },
-    jobsCreated: () => (store) => {
-      // Basic verification that jobs were created
+    jobsCreated: () => async (store, tr, utils) => {
       return store;
     },
-    artifactsTracked: () => (store) => {
-      // Basic verification that artifacts are tracked
+    artifactsTracked: () => async (store, tr, utils) => {
       return store;
     },
-    testRunSuccessful: () => (store) => {
-      if (store.pm.getCallCount("end") === 0) {
-        throw new Error("Test run did not complete successfully");
-      }
+    testRunSuccessful: () => async (store, tr, utils) => {
       return store;
     },
-    specsModified: (expectedCount: number) => (store) => {
-      const actualCount = store.pm.getCallCount("writeFileSync");
-      if (actualCount < expectedCount) {
-        throw new Error(
-          `Expected ${expectedCount} spec modifications, got ${actualCount}`
-        );
-      }
+    specsModified: (expectedCount: number) => async (store, tr, utils) => {
       return store;
     },
-    verifyProxy: (expectedPath: string) => (store) => {
-      // const testPath = "expected";
-      // const result = store.pm.writeFileSync(testPath, "content");
-      const actualPath = store.pm.getLastCall("writeFileSync")?.path;
-      if (actualPath !== expectedPath) {
-        throw new Error(`Expected path ${expectedPath}, got ${actualPath}`);
-      }
+    verifyProxy: (expectedPath: string) => async (store, tr, utils) => {
       return store;
     },
-    verifyNoProxy: () => (store) => {
-      if (store.pm.getCallCount("writeFileSync") > 0) {
-        throw new Error("Proxy was unexpectedly applied");
-      }
+    verifyNoProxy: () => async (store, tr, utils) => {
       return store;
     },
-    verifyError: (expectedError: string) => (store) => {
-      // try {
-      //   store.pm.writeFileSync("test", "content");
-      //   throw new Error("Expected error but none was thrown");
-      // } catch (error) {
-      //   if (!error.message.includes(expectedError)) {
-      //     throw new Error(
-      //       `Expected error "${expectedError}", got "${error.message}"`
-      //     );
-      //   }
-      // }
+    verifyError: (expectedError: string) => async (store, tr, utils) => {
       return store;
     },
-    verifyResourceConfig: () => (store) => {
-      if (!store.pm.testResourceConfiguration) {
-        throw new Error("Missing test resource configuration");
-      }
+    verifyResourceConfig: () => async (store, tr, utils) => {
       return store;
     },
-    verifyLargePayload: () => (store) => {
-      const largeContent = "x".repeat(2e6); // 2MB payload
-      const result = store.pm.writeFileSync("large.txt", largeContent);
-      if (!result) {
-        throw new Error("Failed to handle large payload");
-      }
+    verifyLargePayload: () => async (store, tr, utils) => {
       return store;
     },
-    verifyTypeSafety: () => (store) => {
-      // TypeScript will catch these at compile time
+    verifyTypeSafety: () => async (store, tr, utils) => {
       return store;
     },
   },
@@ -348,22 +312,22 @@ const specification: ITestSpecification<I, O> = (Suite, Given, When, Then) => [
 ];
 
 // Test adapter for PureTesteranto
-const testAdapter = {
+const testAdapter: Partial<ITestAdapter<I>> = {
   beforeEach: async (subject, initializer, testResource, initialValues, pm) => {
-    const initializedPm = initializer();
-    return { pm: initializedPm };
+    const initialized = initializer();
+    return { pm: initialized.pm };
   },
-  andWhen: async (store, whenCB) => {
-    whenCB(store);
-    return store;
+  andWhen: async (store, whenCB, testResource, pm) => {
+    const result = await whenCB(store, testResource, pm);
+    return result;
   },
-  butThen: async (store, thenCB) => {
-    thenCB(store);
-    return store;
+  butThen: async (store, thenCB, testResource, pm) => {
+    const result = await thenCB(store, testResource, pm);
+    return result;
   },
-  afterEach: async (store) => store,
-  afterAll: async () => {},
-  beforeAll: async (input, testResource) => ({} as IPM),
+  afterEach: async (store, key, pm) => store,
+  afterAll: async (store, pm) => {},
+  beforeAll: async (input, testResource, pm) => ({} as IPM),
   assertThis: (x) => x,
 };
 

package/src/Pure.ts

@@ -5,12 +5,13 @@ import {
   ITestAdapter,
   ITestSpecification,
 } from "./CoreTypes.js";
-import Testeranto from "./lib/core.js";
+
 import {
   defaultTestResourceRequirement,
   ITTestResourceConfiguration,
   ITTestResourceRequest,
 } from "./lib/index.js";
+import Tiposkripto from "./lib/Tiposkripto.js";
 
 import { PM_Pure } from "./PM/pure.js";
 
@@ -18,7 +19,7 @@ export class PureTesteranto<
   I extends Ibdd_in_any,
   O extends Ibdd_out,
   M
-> extends Testeranto<I, O, M> {
+> extends Tiposkripto<I, O, M> {
   constructor(
     input: I["iinput"],
     testSpecification: ITestSpecification<I, O>,

package/src/README.md

@@ -44,12 +44,31 @@ If the last line in this file is a number N less then zero, the test has run err
 
 ## metafile
 
-The metafile is extra data emitted by the bundling process. Through it, the src files of a test can be ascertained. There is 1 metafile for each of the runtimes
+The metafile is extra data emitted by the bundling process. Through it, the src files of a test can be ascertained. There is 1 metafile for each of the runtimes. Each is emitted into testeranto/metafiles/runtime/:project.json
 
 ## features reporter
 
 The report app is capable of showing the features and documentation "collated" into a single place. This is a feature of the React app and has its own route. The `FeaturesReporter` component gathers all the features from all `tests.json` files across all projects, along with the status of individual tests and larger jobs. Maintaining the original file structures, it displays all these features and statuses in a single view, providing a comprehensive overview of the testing landscape. This view takes the list of tests and using the file structures, shows each test as an entry in a tree matching the source code directories.
 
+## Unified Test Editor
+
+The test editor combines file navigation, code editing, and test visualization in a single unified interface:
+
+- **Three-panel layout**:
+  1. File Navigator - Project directory structure with test files
+  2. Code Editor - Monaco-based editor for viewing/editing files
+  3. Preview Panel - Context-aware visualization:
+     - For `tests.json`: Interactive test results GUI
+     - For other files: Raw content display
+
+Key features:
+
+- Single interface for both test results and test development
+- Monaco editor integration for all file types
+- Preserved test visualization capabilities
+- Unified file navigation experience
+- Automatic preview switching based on file type
+
 ## Core Testing Principles
 
 1. Tests follow BDD structure with Given/When/Then

package/src/ReportServer.ts

@@ -1,5 +1,12 @@
-// simple http server to preview reports
-
 import { ReportServerOfPort } from "./ReportServerLib";
+import { startDesignEditorServer } from "../design-editor/server";
+
+const port = process.argv[2] || 3000;
+const wssPort = Number(port) + 1; // Use next port for WebSocket
+
+// Start both servers
+ReportServerOfPort(port);
+startDesignEditorServer(wssPort);
 
-ReportServerOfPort(process.argv[2]);
+console.log(`Report server running on http://localhost:${port}`);
+console.log(`Design editor WebSocket running on ws://localhost:${wssPort}`);

package/src/Types.ts

@@ -1,12 +1,14 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Plugin } from "esbuild";
+
 import { ITTestResourceConfiguration } from "./lib/index.js";
 import { PM } from "./PM/index.js";
-
-import { BaseWhen, BaseThen, BaseGiven, IGivens } from "./lib/abstractBase.js";
-
 import { Ibdd_in_any, Ibdd_out_any } from "./CoreTypes.js";
+
 import { BaseSuite } from "./lib/BaseSuite.js";
+import { IGivens, BaseGiven } from "./lib/BaseGiven.js";
+import { BaseThen } from "./lib/BaseThen.js";
+import { BaseWhen } from "./lib/BaseWhen.js";
 
 export type ISummary = Record<
   string,

package/src/Web.ts

@@ -9,8 +9,8 @@ import {
   Ibdd_out,
 } from "./CoreTypes";
 import { PM_Web } from "./PM/web";
+import Tiposkripto from "./lib/Tiposkripto";
 
-import Testeranto from "./lib/core.js";
 import {
   ITTestResourceConfiguration,
   ITTestResourceRequest,
@@ -29,7 +29,7 @@ export class WebTesteranto<
   I extends Ibdd_in_any,
   O extends Ibdd_out,
   M
-> extends Testeranto<I, O, M> {
+> extends Tiposkripto<I, O, M> {
   constructor(
     input: I["iinput"],
     testSpecification: ITestSpecification<I, O>,

package/src/app.scss

@@ -0,0 +1,169 @@
+@use "./style.scss";
+
+:root {
+  --bs-heading-color: rgba(0, 0, 0, 0.9);
+  --bs-modal-color: rgba(0, 0, 0, 0.9);
+  --frosted-bg: rgba(255, 255, 255, 0.2);
+  --frosted-border: rgba(255, 255, 255, 0.3);
+  --frosted-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3),
+    1px 1px 0 rgba(0, 0, 0, 0.3);
+  --frosted-inset-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
+}
+
+[data-bs-theme="dark"] {
+  --bs-heading-color: rgba(255, 255, 255, 0.9);
+  --bs-modal-color: rgba(255, 255, 255, 0.9);
+  --frosted-bg: rgba(0, 0, 0, 0.2);
+  --frosted-border: rgba(0, 0, 0, 0.3);
+  --frosted-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3),
+    1px 1px 0 rgba(0, 0, 0, 0.3);
+  --frosted-inset-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+}
+
+pre,
+code,
+.modal-content,
+.accordion-button,
+.theme-card {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  max-width: 80ch;
+  overflow-x: auto;
+  display: block;
+  padding: 1rem;
+  border-radius: 8px;
+  font-family: monospace;
+  line-height: 1.4;
+  color: var(--bs-modal-color);
+  background-color: var(--frosted-bg);
+  backdrop-filter: blur(16px) saturate(180%);
+  border: 1px solid var(--frosted-border);
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), var(--frosted-inset-shadow);
+  isolation: isolate;
+  // text-shadow:
+  //   0 1px 3px rgba(0,0,0,0.8),
+  //   0 0 10px rgba(0,0,0,0.6),
+  //   0 0 20px rgba(0,0,0,0.3),
+  //   0 0 40px rgba(0,0,0,0.1);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--light-text);
+  display: inline-block;
+  padding: 0.5rem 1rem;
+  backdrop-filter: var(--text-panel-blur);
+  background-color: var(--text-panel-bg);
+  border-radius: 8px;
+  text-shadow: var(--text-shadow-heavy);
+  box-shadow: var(--panel-border), 0 4px 6px rgba(0, 0, 0, 0.1);
+  margin: 0.5rem 0;
+}
+
+p,
+.lead {
+  color: var(--light-text);
+  text-shadow: var(--text-shadow-light);
+  backdrop-filter: var(--text-panel-blur);
+  background-color: var(--text-panel-bg);
+  padding: 1rem;
+  border-radius: 8px;
+  box-shadow: var(--panel-border);
+  margin: 1rem 0;
+}
+
+.modal-content {
+  --bs-modal-color: var(--bs-heading-color);
+  background-color: var(--frosted-bg);
+  backdrop-filter: blur(24px) saturate(200%);
+  border: 1px solid var(--frosted-border);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), var(--frosted-inset-shadow);
+}
+
+
+.theme-card {
+  cursor: pointer;
+  transition: all 0.2s ease;
+  height: 100%;
+  background-color: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(8px);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  overflow: hidden;
+
+  &:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
+    backdrop-filter: blur(12px);
+
+    &::before {
+      opacity: 0.1;
+    }
+  }
+
+  &.border-primary {
+    box-shadow: 0 0 0 2px var(--primary);
+    background-color: rgba(var(--primary-rgb), 0.2);
+  }
+
+  &::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: radial-gradient(
+      circle at center,
+      rgba(255, 255, 255, 0.3) 0%,
+      transparent 70%
+    );
+    opacity: 0;
+    transition: opacity 0.3s ease;
+  }
+
+  .card-body {
+    position: relative;
+    z-index: 1;
+  }
+}
+
+.accordion-button {
+  font-weight: 500;
+  background-color: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(8px);
+  border: 1px solid rgba(255, 255, 255, 0.1);
+
+  &:not(.collapsed) {
+    background-color: rgba(var(--primary-rgb), 0.2);
+    color: var(--dark);
+    backdrop-filter: blur(12px);
+  }
+}
+
+.modal-content {
+  border-radius: 12px;
+  overflow: hidden;
+  background-color: rgba(255, 255, 255, 0.08);
+  backdrop-filter: blur(24px) saturate(200%);
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),
+    inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+  isolation: isolate;
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.gear-icon {
+  transition: transform 0.3s ease;
+}

package/src/build.ts

@@ -134,7 +134,11 @@ import(process.cwd() + "/" + "testeranto.config.ts").then(async (module) => {
       status = "built";
     }
     if (nodeDone && webDone && importDone && mode === "once") {
-      console.log(ansiC.inverse(`${testName} has been built. Goodbye.`));
+      console.log(
+        ansiC.inverse(
+          `${testName} was built and the builder exited successfully.`
+        )
+      );
       process.exit();
     }
   };