testeranto 0.75.0 → 0.79.3

package/dist/types/utils.d.ts

@@ -0,0 +1,2 @@
+import { IBuiltConfig, IRunTime } from "./lib/types";
+export declare const destinationOfRuntime: (f: string, r: IRunTime, configs: IBuiltConfig) => string;

package/docker-compose-dev.yml

@@ -0,0 +1,9 @@
+version: "3"
+services:
+ app:
+ container_name: app
+ image: Dockerfile
+ restart: always
+ build: .
+ ports:
+  - "3000:3000"

package/docker-compose-prod.yml

@@ -0,0 +1,18 @@
+version: "3"
+services:
+ app:
+ container_name: app
+ image: Dockerfile
+ restart: always
+ build: .
+ ports:
+  - "3000:3000"
+links:
+  - mongo
+mongo:
+  container_name: mongo
+  image: mongo
+  volumes:
+    - ./data:/data/db
+  ports:
+    - '27017:27017'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "testeranto",
   "description": "teeny tiny tightly-typed typescript tests",
-  "version": "0.75.0",
+  "version": "0.79.3",
   "type": "module",
   "types": "./dist/index.d.mts",
   "module": "dist/module/index.js",
@@ -110,9 +110,9 @@
       "import": "./src/Types.ts",
       "require": "./src/Types.ts"
     },
-    "./src/lib": {
-      "import": "./src/lib.ts",
-      "require": "./src/lib.ts"
+    "./src/utils": {
+      "import": "./src/utils.ts",
+      "require": "./src/utils.ts"
     },
     "./src/Features": {
       "import": "./dist/module/Features.js",
@@ -174,16 +174,17 @@
     "ATDD"
   ],
   "scripts": {
-    "doit": "rm -rf node_modules && yarn install && yarn build",
-    "build": "sh prebuild.sh; cp ./src/cjs-shim.js ./dist/cjs-shim.js; tsc -p tsconfig.module.json; tsc -p tsconfig.common.json; tsc -p tsconfig.types.json; yarn esbuild src/Report.tsx --outfile=dist/prebuild/Report.js --bundle --external:testeranto.json --external:features.test.js --external:tests.json; sh postBuild.sh; ",
     "commit": "yarn build; git add --all && git commit -m 'stash'",
-    "dev": "cp ./src/cjs-shim.js ./dist/cjs-shim.js && tsc -p tsconfig.module.json --watch & tsc -p tsconfig.common.json --watch & tsc -p tsconfig.types.json --watch & yarn esbuild src/Report.tsx --outfile=dist/prebuild/Report.js --bundle --external:testeranto.json --external:features.test.js --external:tests.json --watch",
+    "doit": "rm -rf node_modules && yarn install && yarn build",
+    "build": "sh prebuild.sh; cp ./src/cjs-shim.js ./dist/cjs-shim.js; tsc -p tsconfig.module.json; tsc -p tsconfig.common.json; tsc -p tsconfig.types.json; yarn esbuild src/Report.tsx --outfile=dist/prebuild/Report.js --bundle --external:testeranto.json --external:features.test.js --external:tests.json; yarn esbuild src/TaskManFrontEnd.tsx --outfile=dist/prebuild/TaskManFrontEnd.js --bundle; yarn esbuild src/TaskManBackEnd.ts --outfile=dist/prebuild/TaskManBackEnd.mjs --bundle --platform=node --format=esm --packages=external; sh postBuild.sh; ",
+    "dev": "cp ./src/cjs-shim.js ./dist/cjs-shim.js && tsc -p tsconfig.module.json --watch & tsc -p tsconfig.common.json --watch & tsc -p tsconfig.types.json --watch & yarn esbuild src/Report.tsx --outfile=dist/prebuild/Report.js --bundle --external:testeranto.json --external:features.test.js --external:tests.json --watch & yarn esbuild src/TaskManFrontEnd.tsx --outfile=dist/prebuild/TaskManFrontEnd.js --bundle --watch & yarn esbuild src/TaskManBackEnd.ts --platform=node  --outfile=dist/prebuild/TaskManBackEnd.mjs --bundle --watch --format=esm --packages=external",
     "build-module": "tsc -p tsconfig.module.json",
     "build-common": "tsc -p tsconfig.common.json",
     "build-types": "tsc -p tsconfig.types.json",
     "build-electron": "ts-node-esm electronBuild.ts"
   },
   "peerDependencies": {
+    "@hello-pangea/dnd": ">=16",
     "@types/react": "^18.2.66",
     "@types/react-dom": "18.2.23",
     "@types/react-test-renderer": "18.0.7",
@@ -208,17 +209,24 @@
     "typescript": "4.8.2"
   },
   "dependencies": {
+    "@asseinfo/react-kanban": "^2.2.0",
+    "@caldwell619/react-kanban": "^0.0.12",
     "@electron/remote": "^2.1.2",
+    "@hello-pangea/dnd": "^18.0.1",
+    "@xyflow/react": "^12.4.3",
     "babel-loader": "^8.2.5",
     "bootstrap": "^5.2.3",
+    "dot-prop": "^9.0.0",
     "electron": "28.0.0",
     "esbuild": "0.17.5",
     "esbuild-plugin-external-package": "^1.0.0",
     "esbuild-plugin-import-map": "^2.1.0",
     "eslint": "^8.29.0",
     "eslint-plugin-react": "^7.31.11",
+    "express": "^4.21.2",
     "fs-extra": "^11.2.0",
     "fs.promises.exists": "^1.1.4",
+    "gantt-task-react": "^0.3.9",
     "glob": "^10.3.12",
     "graphology": "^0.25.1",
     "graphology-dag": "^0.2.0",
@@ -226,9 +234,14 @@
     "html": "^1.0.0",
     "ipc": "^0.0.1",
     "jsonc": "^2.0.0",
+    "mongodb": "^6.13.0",
+    "mongoose": "^8.10.0",
+    "mongoose-auto-number": "2.0.0",
+    "mongoose-rest-query": "^0.1.29",
     "npm-watch": "^0.11.0",
     "puppeteer-core": "^23.6.0",
     "react-bootstrap": "2.10.6",
+    "react-router-dom": "^7.1.5",
     "react-sigma": "^1.2.35",
     "react-test-renderer": "18.2.0",
     "selenium-webdriver": "^4.25.0",

package/src/ExampleTab.tsx

@@ -0,0 +1,219 @@
+import React, { useEffect, useState } from "react";
+import Col from 'react-bootstrap/Col';
+import Nav from 'react-bootstrap/Nav';
+import Row from 'react-bootstrap/Row';
+import Tab from 'react-bootstrap/Tab';
+import Tabs from 'react-bootstrap/Tabs';
+
+import 'bootstrap/dist/css/bootstrap.min.css';
+
+const queryString = window.location.search;
+
+// Create a URLSearchParams object
+const urlParams = new URLSearchParams(queryString);
+console.log("urlParams", urlParams.has(
+  "local"
+))
+// Get the value of a specific parameter
+const isLocal = urlParams.get("local");
+
+const urlFixer = (url: string): string => {
+  if (isLocal) {
+    return `file:///Users/adam/Code/kokomoBay/${url}`;
+  } else {
+    return `https://chromapdx.github.io/kokomoBay/${url}`;
+  }
+
+}
+
+const TextTab = (props: { url: string }) => {
+
+  const [text, setText] = useState('');
+
+  useEffect(() => {
+    fetch(props.url) // Replace with your API endpoint
+      .then(response => response.text())
+      .then(data => setText(data))
+      .catch(error => console.error('Error fetching text:', error));
+  }, []);
+
+  return <code><pre>{text}</pre></code>
+}
+
+export default () => {
+
+  return (
+    <Tab.Container id="left-tabs-example5" defaultActiveKey="examples-0">
+      <Row>
+        <Col sm={3} lg={2}>
+          <Nav variant="pills" className="flex-column">
+
+            <Nav.Link eventKey={`manual-example-rectangle`}>
+              RECTANGLE
+            </Nav.Link>
+
+            <Nav.Link eventKey={`manual-example-ClassicalComponent`}>
+              ClassicalComponent
+            </Nav.Link>
+
+            <Nav.Link eventKey={`manual-example-react+sol`}>
+              React and solidity
+            </Nav.Link>
+
+          </Nav>
+        </Col>
+
+        <Col sm={3} lg={2}>
+          <Tab.Content>
+
+            <Tab.Pane eventKey={`manual-example-rectangle`} key={`manual-example-rectangle`}>
+              <pre>
+                In this contrived example, we are testing the Rectangle class. Node that because it uses no web-specific, nor node-specific language features, it can be run in either runtime, thought it more efficient and reasonable to test in node.
+              </pre>
+            </Tab.Pane>
+
+            <Tab.Pane eventKey={`manual-example-ClassicalComponent`} key={`manual-example-ClassicalComponent`}>
+              <pre>Testing a react component with the react-test-renderer package.</pre>
+            </Tab.Pane>
+
+            <Tab.Pane eventKey={`manual-example-react+sol`} key={`manual-example-react+sol`}>
+              <pre>Testing a react component which is backed by a solidity contract. This test is performed _on_ the server but but _through_ the browser. The react element is renderer into an chromium window and accessed by puppeteer.</pre>
+            </Tab.Pane>
+
+
+          </Tab.Content>
+        </Col>
+
+
+        <Col >
+          <Tab.Content>
+
+            <Tab.Pane eventKey={`manual-example-rectangle`} key={`manual-example-rectangle`}>
+
+
+              <Tabs
+                defaultActiveKey="profile"
+                id="uncontrolled-tab-example"
+                className="mb-3"
+              >
+                <Tab eventKey="Rectangle.ts" title="Rectangle.ts">
+                  {/* <TextTab url="file:///Users/adam/Code/kokomoBay/src/Rectangle.ts" /> */}
+                  <TextTab url={urlFixer("src/Rectangle.ts")} />
+                </Tab>
+                <Tab eventKey="Rectangle.test.specification.ts" title="Rectangle.test.specification.ts">
+                  {/* <TextTab url="file:///Users/adam/Code/kokomoBay/src/Rectangle.test.specification.ts" /> */}
+                  <TextTab url={urlFixer("src/Rectangle.test.specification.ts")} />
+                </Tab>
+                <Tab eventKey="Rectangle.test.shape.ts" title="Rectangle.test.shape.ts">
+                  {/* <TextTab url="file:///Users/adam/Code/kokomoBay/src/Rectangle.test.shape.ts" /> */}
+                  <TextTab url={urlFixer("src/Rectangle.test.shape.ts")} />
+                </Tab>
+                <Tab eventKey="Rectangle.test.implementation.ts" title="Rectangle.test.implementation.ts">
+                  {/* <TextTab url="file:///Users/adam/Code/kokomoBay/src/Rectangle.test.implementation.ts" /> */}
+                  <TextTab url={urlFixer("src/Rectangle.test.implementation.ts")} />
+                </Tab>
+
+                <Tab eventKey="Rectangle.test.interface.ts" title="Rectangle.test.interface.ts">
+                  {/* <TextTab url="file:///Users/adam/Code/kokomoBay/src/Rectangle.test.interface.ts" /> */}
+                  <TextTab url={urlFixer("src/Rectangle.test.interface.ts")} />
+                </Tab>
+                <Tab eventKey="Rectangle.config" title="Rectangle.config">
+                  <code><pre>{`
+...
+
+// Run the test in node
+"./src/Rectangle/Rectangle.test.node.ts",
+"node",
+{ ports: 0 },
+[],
+],
+
+// Run the same test in chromium too!
+"./src/Rectangle/Rectangle.test.web.ts",
+"web",
+{ ports: 0 },
+[],
+],
+
+...
+              `}</pre></code>
+                </Tab>
+              </Tabs>
+            </Tab.Pane>
+
+            <Tab.Pane eventKey={`manual-example-ClassicalComponent`} key={`manual-example-ClassicalComponent`}>
+              <Tabs
+                defaultActiveKey="profile"
+                id="uncontrolled-tab-example"
+                className="mb-3"
+              >
+                <Tab eventKey="ClassicalComponent/index.tsx" title="ClassicalComponent/index.tsx">
+                  <TextTab url={urlFixer("src/ClassicalComponent/index.tsx")} />
+                  {/* <TextTab url="file:///Users/adam/Code/kokomoBay/src/ClassicalComponent/index.tsx" /> */}
+                </Tab>
+                <Tab eventKey="ClassicalComponent/test.specification.ts" title="ClassicalComponent/test.specification.ts">
+                  {/* <TextTab url="file:///Users/adam/Code/kokomoBay/src/ClassicalComponent/test.specification.ts" /> */}
+                  <TextTab url={urlFixer("src/ClassicalComponent/test.specification.ts")} />
+                </Tab>
+                <Tab eventKey="ClassicalComponent/test.shape.ts" title="ClassicalComponent/test.shape.ts">
+                  {/* <TextTab url="file:///Users/adam/Code/kokomoBay/src/ClassicalComponent/test.shape.ts" /> */}
+                  <TextTab url={urlFixer("src/ClassicalComponent/test.shape.ts")} />
+                </Tab>
+                <Tab eventKey="ClassicalComponent/react-test-renderer/test.implementation.ts" title="ClassicalComponent/react-test-renderer/test.implementation.ts">
+                  {/* <TextTab url="file:///Users/adam/Code/kokomoBay/src/ClassicalComponent/react-test-renderer/test.implementation.ts" /> */}
+                  <TextTab url={urlFixer("src/ClassicalComponent/react-test-renderer/test.implementation.ts")} />
+                </Tab>
+
+                <Tab eventKey="react-test-renderer/test.interface.ts" title="react-test-renderer/test.interface.ts">
+                  <TextTab url="https://raw.githubusercontent.com/adamwong246/testeranto/master/src/subPackages/react-test-renderer/component/interface.ts" />
+                </Tab>
+
+              </Tabs>
+
+            </Tab.Pane>
+            <Tab.Pane eventKey={`manual-example-react+sol`} key={`manual-example-react+sol`}>
+
+
+              <Tabs
+                defaultActiveKey="profile"
+                id="uncontrolled-tab-example"
+                className="mb-3"
+              >
+                <Tab eventKey="contracts/MyBaseContract.sol" title="MyBaseContract.sol">
+                  <TextTab url={urlFixer("contracts/MyBaseContract.sol")} />
+                </Tab>
+                <Tab eventKey="src/MyFirstContractUI.tsx" title="MyFirstContractUI.tsx">
+                  <TextTab url={urlFixer("src/MyFirstContractUI.tsx")} />
+                </Tab>
+
+                <Tab eventKey="src/MyFirstContract.specification.test.ts" title="MyFirstContract.specification.test.ts">
+                  <TextTab url={urlFixer("src/MyFirstContract.specification.test.ts")} />
+                </Tab>
+                <Tab eventKey="src/MyFirstContract.solidity-react.interface.test.ts" title="MyFirstContract.solidity-react.interface.test.ts">
+                  <TextTab url={urlFixer("src/MyFirstContract.solidity-react.interface.test.ts")} />
+
+                </Tab>
+                <Tab eventKey="src/MyFirstContract.solidity-react.implementation.test.ts" title="MyFirstContract.solidity-react.implementation.test.ts">
+                  <TextTab url={urlFixer("src/MyFirstContract.solidity-react.implementation.test.ts")} />
+                </Tab>
+                <Tab eventKey="src/MyFirstContract.solidity-react.shape.test.ts" title="MyFirstContract.solidity-react.shape.test.ts">
+                  <TextTab url={urlFixer("src/MyFirstContract.solidity-react.shape.test.ts")} />
+                </Tab>
+
+                <Tab eventKey="MyFirstContract.solidity-react-example-jpg" title="screenshot">
+
+                  <img src={urlFixer("docs/node/src/MyFirstContract.solidity-react.testeranto/suite-0/given-test1/when/0/afterEach/andWhen.jpg")} />
+                </Tab>
+
+
+              </Tabs>
+
+            </Tab.Pane>
+          </Tab.Content>
+        </Col>
+
+
+      </Row>
+    </Tab.Container>
+  );
+};

package/src/Node.ts

@@ -15,7 +15,20 @@ import { ITestInterface, INodeTestInterface } from "./lib/types.js";
 import { PM_Node } from "./PM/node.js";
 
 class NodeTesteranto<
-  TestShape extends IBaseTest
+  TestShape extends IBaseTest<
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
 > extends Testeranto<TestShape> {
   constructor(
     input: TestShape["iinput"],
@@ -35,6 +48,7 @@ class NodeTesteranto<
 
   async receiveTestResourceConfig(partialTestResource: string) {
     const t: ITTestResourceConfiguration = JSON.parse(partialTestResource);
+    console.log("receiveTestResourceConfig", t);
     const pm = new PM_Node(t);
     const { failed, artifacts, logPromise } =
       await this.testJobs[0].receiveTestResourceConfig(pm);
@@ -42,7 +56,22 @@ class NodeTesteranto<
   }
 }
 
-export default async <ITestShape extends IBaseTest>(
+export default async <
+  ITestShape extends IBaseTest<
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
+>(
   input: ITestShape["iinput"],
   testSpecification: ITestSpecification<ITestShape>,
   testImplementation: ITestImplementation<ITestShape>,

package/src/PM/index.ts

@@ -1,18 +1,9 @@
-// import {
-//   Browser,
-//   BrowserContext,
-//   BrowserContextOptions,
-//   DebugInfo,
-//   Page,
-//   PuppeteerNode,
-//   Target,
-// } from "puppeteer-core";
-
-import { Browser } from "puppeteer-core/lib/esm/puppeteer/puppeteer-core-browser";
+import {
+  Browser,
+  Page,
+} from "puppeteer-core/lib/esm/puppeteer/puppeteer-core-browser";
 import { ITLog, ITTestResourceConfiguration } from "../lib";
-import { ChildProcess } from "child_process";
-import { PuppeteerLaunchOptions } from "puppeteer-core/lib/esm/puppeteer";
-// import { ILogWriter, ITLog } from "./lib";
+// import { Page } from "puppeteer-core";
 
 type IFPaths = string[];
 const fPaths: IFPaths = [];
@@ -22,13 +13,7 @@ export abstract class PM {
   browser: Browser;
   testResourceConfiguration: ITTestResourceConfiguration;
 
-  // constructor(testResourceConfiguration: ITTestResourceConfiguration) {
-  //   this.testResourceConfiguration = testResourceConfiguration;
-  //   console.log("mkdirsync2", this.testResourceConfiguration);
-  // }
-
   abstract startPuppeteer(options: any, destfolder: string): Promise<Browser>;
-
   abstract testArtiFactoryfileWriter(tLog: ITLog, callback: (Promise) => void);
   abstract createWriteStream(filepath: string): any;
   abstract writeFileSync(fp: string, contents: string);
@@ -36,67 +21,5 @@ export abstract class PM {
   abstract existsSync(fp: string): boolean;
   abstract write(accessObject: { uid: number }, contents: string): boolean;
   abstract end(accessObject: { uid: number }): boolean;
-
-  // pages(): Promise<Page[]>;
-  // pages(): Promise<Page[]> {
-  //   return new Promise<Page[]>((res, rej) => {
-  //     res(super.pages());
-  //   });
-  // }
+  abstract customScreenShot(opts: object, page: Page): any;
 }
-
-// export class PuppetMasterBrowser extends Browser {
-//   process(): ChildProcess | null {
-//     return super.process();
-//   }
-//   createBrowserContext(
-//     options?: BrowserContextOptions
-//   ): Promise<BrowserContext> {
-//     throw new Error("Method not implemented.");
-//   }
-//   browserContexts(): BrowserContext[] {
-//     throw new Error("Method not implemented.");
-//   }
-//   defaultBrowserContext(): BrowserContext {
-//     throw new Error("Method not implemented.");
-//   }
-//   wsEndpoint(): string {
-//     throw new Error("Method not implemented.");
-//   }
-//   newPage(): Promise<Page> {
-//     throw new Error("Method not implemented.");
-//   }
-//   targets(): Target[] {
-//     throw new Error("Method not implemented.");
-//   }
-//   target(): Target {
-//     throw new Error("Method not implemented.");
-//   }
-//   version(): Promise<string> {
-//     throw new Error("Method not implemented.");
-//   }
-//   userAgent(): Promise<string> {
-//     throw new Error("Method not implemented.");
-//   }
-//   close(): Promise<void> {
-//     throw new Error("Method not implemented.");
-//   }
-//   disconnect(): Promise<void> {
-//     throw new Error("Method not implemented.");
-//   }
-//   get connected(): boolean {
-//     throw new Error("Method not implemented.");
-//   }
-//   get debugInfo(): DebugInfo {
-//     throw new Error("Method not implemented.");
-//   }
-//   constructor(...z: []) {
-//     super(...z);
-//   }
-//   // pages(): Promise<Page[]>;
-//   pages(): Promise<Page[]> {
-//     return new Promise<Page[]>((res, rej) => {
-//       res(super.pages());
-//     });
-//   }
-// }