testeranto 0.100.0 → 0.111.0

package/src/SubPackages/react-test-renderer/fc/node.ts

@@ -6,21 +6,55 @@ import test from "../../../Node.js";
 import {
   ITestSpecification,
   ITestImplementation,
-  IBaseTest,
+  Ibdd_in,
+  Ibdd_out,
 } from "../../../Types";
 
 export type IInput = React.FC;
 export type IWhenShape = unknown;
 export type IThenShape = unknown;
 
-export type ISpec<ITestShape extends IBaseTest> =
-  ITestSpecification<ITestShape>;
-export default <ITestShape extends IBaseTest>(
-  testImplementations: ITestImplementation<ITestShape>,
-  testSpecifications: ISpec<ITestShape>,
+export type ISpec<
+  I extends Ibdd_in<
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown
+  >,
+  O extends Ibdd_out<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
+> = ITestSpecification<I, O>;
+export default <
+  I extends Ibdd_in<
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown
+  >,
+  O extends Ibdd_out<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
+>(
+  testImplementations: ITestImplementation<I, O>,
+  testSpecifications: ISpec<I, O>,
   testInput: IInput
 ) =>
-  test<ITestShape>(testInput, testSpecifications, testImplementations, {
+  test<I, O>(testInput, testSpecifications, testImplementations, {
     beforeEach: function (
       CComponent,
       props

package/src/SubPackages/react-test-renderer/fc/web.ts

@@ -4,7 +4,8 @@ import renderer, { act } from "react-test-renderer";
 import {
   ITestSpecification,
   ITestImplementation,
-  IBaseTest,
+  Ibdd_in,
+  Ibdd_out,
 } from "../../../Types";
 import test from "../../../Web.js";
 
@@ -12,18 +13,49 @@ export type IInput = React.FC;
 export type IWhenShape = unknown;
 export type IThenShape = unknown;
 
-export type ISpec<ITestShape extends IBaseTest> =
-  ITestSpecification<ITestShape>;
-export default <ITestShape extends IBaseTest, IPropShape>(
-  testImplementations: ITestImplementation<ITestShape>,
-  testSpecifications: ISpec<ITestShape>,
+export type ISpec<
+  I extends Ibdd_in<
+    unknown,
+    unknown,
+    renderer.ReactTestRenderer,
+    unknown,
+    unknown,
+    unknown,
+    unknown
+  >,
+  O extends Ibdd_out<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
+> = ITestSpecification<I, O>;
+
+export default <
+  I extends Ibdd_in<
+    unknown,
+    unknown,
+    renderer.ReactTestRenderer,
+    unknown,
+    unknown,
+    unknown,
+    unknown
+  >,
+  O extends Ibdd_out<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
+>(
+  testImplementations: ITestImplementation<I, O>,
+  testSpecifications: ISpec<I, O>,
   testInput: IInput
 ) =>
-  test<ITestShape>(testInput, testSpecifications, testImplementations, {
-    beforeEach: function (
-      CComponent,
-      props
-    ): Promise<renderer.ReactTestRenderer> {
+  test<I, O>(testInput, testSpecifications, testImplementations, {
+    beforeEach: function (CComponent, props) {
       return new Promise((res, rej) => {
         let component: renderer.ReactTestRenderer;
         act(() => {

package/src/SubPackages/react-test-renderer/jsx/index.ts

@@ -2,7 +2,8 @@ import React from "react";
 import renderer, { act } from "react-test-renderer";
 
 import {
-  IBaseTest,
+  Ibdd_in,
+  Ibdd_out,
   ITestImplementation,
   ITestSpecification,
 } from "../../../Types";
@@ -15,24 +16,46 @@ export type ISelection = renderer.ReactTestRenderer;
 export type IStore = renderer.ReactTestRenderer;
 export type ISubject = renderer.ReactTestRenderer;
 
-export type ITestImpl<ITestShape extends IBaseTest> = ITestImplementation<
-  ITestShape,
-  object
->;
+export type ITestImpl<
+  I extends Ibdd_in<
+    unknown,
+    unknown,
+    renderer.ReactTestRenderer,
+    unknown,
+    unknown,
+    unknown,
+    unknown
+  >,
+  O extends Ibdd_out<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
+> = ITestImplementation<I, O>;
 
-export type ITestSpec<ITestShape extends IBaseTest> =
-  ITestSpecification<ITestShape>;
-
-const Context = React.createContext({});
-
-const AppContext = React.createContext({});
-const contextValue = {
-  ingredients: ["flour", "sugar", "eggs"],
-  temperature: "200",
-};
+export type ITestSpec<
+  I extends Ibdd_in<
+    unknown,
+    unknown,
+    renderer.ReactTestRenderer,
+    unknown,
+    unknown,
+    unknown,
+    unknown
+  >,
+  O extends Ibdd_out<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
+> = ITestSpecification<I, O>;
 
 export const testInterface = {
-  butThen: async function (s: IStore, thenCB, tr): Promise<ISelection> {
+  butThen: async function (s: IStore, thenCB): Promise<ISelection> {
     // console.log("butThen", thenCB.toString());
     return thenCB(s);
   },

package/src/SubPackages/react-test-renderer/jsx/node.ts

@@ -1,19 +1,21 @@
 import test from "../../../Node.js";
-import { IBaseTest } from "../../../Types";
+import { Ibdd_in, Ibdd_out } from "../../../Types.js";
 
 import type { ITestImpl, ITestSpec } from "../jsx-promised";
 
 import { IInput, testInterface } from "./index.js";
 
 export default <
-  ITestShape extends IBaseTest<
-    unknown,
+  I extends Ibdd_in<
     unknown,
     unknown,
     unknown,
     unknown,
     unknown,
     unknown,
+    unknown
+  >,
+  O extends Ibdd_out<
     Record<string, any>,
     Record<string, any>,
     Record<string, any>,
@@ -21,12 +23,12 @@ export default <
     Record<string, any>
   >
 >(
-  testImplementations: ITestImpl<ITestShape>,
-  testSpecifications: ITestSpec<ITestShape>,
+  testImplementations: ITestImpl<I, O>,
+  testSpecifications: ITestSpec<I, O>,
   testInput: IInput,
   testInterface2 = testInterface
 ) => {
-  return test<ITestShape>(
+  return test<I, O>(
     testInput,
     testSpecifications,
     testImplementations,

package/src/SubPackages/react-test-renderer/jsx/web.ts

@@ -1,17 +1,34 @@
-import { IBaseTest } from "../../../Types";
+import { Ibdd_in, Ibdd_out } from "../../../Types.js";
 import test from "../../../Web.js";
 
 import { ITestImpl, ITestSpec } from "../jsx-promised";
 
 import { IInput, testInterface } from "./index.js";
 
-export default <ITestShape extends IBaseTest>(
-  testImplementations: ITestImpl<ITestShape>,
-  testSpecifications: ITestSpec<ITestShape>,
+export default <
+  I extends Ibdd_in<
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown
+  >,
+  O extends Ibdd_out<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
+>(
+  testImplementations: ITestImpl<I, O>,
+  testSpecifications: ITestSpec<I, O>,
   testInput: IInput,
   testInterface2 = testInterface
 ) => {
-  return test<ITestShape>(
+  return test<I, O>(
     testInput,
     testSpecifications,
     testImplementations,

package/src/SubPackages/react-test-renderer/jsx-promised/index.ts

@@ -1,7 +1,8 @@
 import renderer, { act } from "react-test-renderer";
 
 import {
-  IBaseTest,
+  Ibdd_in,
+  Ibdd_out,
   ITestImplementation,
   ITestSpecification,
 } from "../../../Types";
@@ -14,14 +15,46 @@ export type ISelection = renderer.ReactTestRenderer;
 export type IStore = renderer.ReactTestRenderer;
 export type ISubject = renderer.ReactTestRenderer;
 
-export type ITestImpl<ITestShape extends IBaseTest> =
-  ITestImplementation<ITestShape>;
+export type ITestImpl<
+  I extends Ibdd_in<
+    renderer.ReactTestRenderer,
+    renderer.ReactTestRenderer,
+    renderer.ReactTestRenderer,
+    renderer.ReactTestRenderer,
+    unknown,
+    unknown,
+    unknown
+  >,
+  O extends Ibdd_out<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
+> = ITestImplementation<I, O>;
 
-export type ITestSpec<ITestShape extends IBaseTest> =
-  ITestSpecification<ITestShape>;
+export type ITestSpec<
+  I extends Ibdd_in<
+    renderer.ReactTestRenderer,
+    renderer.ReactTestRenderer,
+    renderer.ReactTestRenderer,
+    renderer.ReactTestRenderer,
+    unknown,
+    unknown,
+    unknown
+  >,
+  O extends Ibdd_out<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
+> = ITestSpecification<I, O>;
 
 export const testInterface = {
-  beforeEach: async (CComponent): Promise<renderer.ReactTestRenderer> => {
+  beforeEach: async (CComponent) => {
     return new Promise((res, rej) => {
       let component;
       act(async () => {

package/src/SubPackages/react-test-renderer/jsx-promised/node.ts

@@ -1,19 +1,36 @@
-import { IInput, testInterface } from ".";
 import test from "../../../Node";
-import { IBaseTest } from "../../../Types";
+import { Ibdd_in, Ibdd_out } from "../../../Types";
+
 import { ITestImpl, ITestSpec } from "../../react/jsx";
 
-export default <ITestShape extends IBaseTest>(
-  testImplementations: ITestImpl<ITestShape>,
-  testSpecifications: ITestSpec<ITestShape>,
+import { IInput, testInterface } from ".";
+
+export default <
+  I extends Ibdd_in<
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown
+  >,
+  O extends Ibdd_out<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
+>(
+  testImplementations: ITestImpl<I, O>,
+  testSpecifications: ITestSpec<I, O>,
   testInput: IInput
 ) => {
-  return test<
-    ITestShape
-  >(
+  return test<I, O>(
     testInput,
     testSpecifications,
     testImplementations,
-    testInterface,
-  )
+    testInterface
+  );
 };

package/src/SubPackages/react-test-renderer/jsx-promised/web.ts

@@ -1,22 +1,36 @@
-import { IBaseTest } from "../../../Types";
+import { Ibdd_in, Ibdd_out } from "../../../Types";
 import test from "../../../Web";
+
 import { ITestImpl, ITestSpec } from "../../react/jsx";
 
-import {
-  testInterface, IInput
-} from "./index";
+import { testInterface, IInput } from "./index";
 
-export default <ITestShape extends IBaseTest>(
-  testImplementations: ITestImpl<ITestShape>,
-  testSpecifications: ITestSpec<ITestShape>,
+export default <
+  I extends Ibdd_in<
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown,
+    unknown
+  >,
+  O extends Ibdd_out<
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>,
+    Record<string, any>
+  >
+>(
+  testImplementations: ITestImpl<I, O>,
+  testSpecifications: ITestSpec<I, O>,
   testInput: IInput
 ) => {
-  return test<
-    ITestShape
-  >(
+  return test<I, O>(
     testInput,
     testSpecifications,
     testImplementations,
-    testInterface,
-  )
+    testInterface
+  );
 };

package/src/TestReport.tsx

@@ -0,0 +1,176 @@
+import ReactDom from "react-dom/client";
+import React, { useEffect, useState } from "react";
+import { Col, Nav, Row, Tab } from "react-bootstrap";
+
+import { IBuiltConfig } from "./lib";
+
+import 'bootstrap/dist/css/bootstrap.min.css';
+import "./style.css"
+import { Footer } from "./Footer";
+
+const StepPane = ({ step }: {
+  step: {
+    name: string,
+    error: string,
+  }
+}
+
+) => {
+
+  return <div>
+    <pre><code>{JSON.stringify(step, null, 2)}</code></pre>
+  </div>
+}
+
+const TestPane = ({ given }: {
+  given: {
+    key: string,
+    name: string,
+    error: string[],
+    features: string[],
+    whens: {
+      name: string;
+      error: string;
+    }[],
+    thens: {
+      name: string;
+      error: string;
+    }[],
+  }
+}) => {
+
+  return <div>    <Tab.Container id="TestPane-tabs" defaultActiveKey="first">
+    <Row>
+      <Col sm={3}>
+        <Nav variant="pills" className="flex-column">
+
+
+          <Nav.Item>
+            <Nav.Link eventKey={`bdd-features`}>features</Nav.Link>
+            {
+              ...given.whens.map((w, ndx) => <Nav.Link eventKey={`bdd-when-${ndx}`}>When {w.name} {w.error && "!"}</Nav.Link>)
+            }
+            {
+              ...given.thens.map((t, ndx) => <Nav.Link eventKey={`bdd-then-${ndx}`}>Then {t.name} {t.error && "!"}</Nav.Link>)
+            }
+            <Nav.Link eventKey={`bdd-errors`}>errors</Nav.Link>
+          </Nav.Item>
+
+
+        </Nav>
+
+
+      </Col>
+      <Col sm={9}>
+        <Tab.Content>
+
+          <Tab.Pane eventKey={`bdd-features`}>
+            <pre><code>{JSON.stringify(given.features, null, 2)}</code></pre>
+          </Tab.Pane>
+
+
+          {
+            ...given.whens.map((w, ndx) => <Tab.Pane eventKey={`bdd-when-${ndx}`}><StepPane step={w} /></Tab.Pane>)
+          }
+          {
+            ...given.thens.map((t, ndx) => <Tab.Pane eventKey={`bdd-then-${ndx}`}><StepPane step={t} /></Tab.Pane>)
+          }
+          <Tab.Pane eventKey={`bdd-errors`}>
+            <pre><code>{JSON.stringify(given.error, null, 2)}</code></pre>
+          </Tab.Pane>
+
+        </Tab.Content>
+      </Col>
+    </Row>
+  </Tab.Container></div>
+}
+
+const BddPage = () => {
+
+  const [configs, setConfigs] = useState<IBuiltConfig>();
+  useEffect(() => {
+    (async () => {
+      fetch('/kokomoBay/docs/testeranto.json')
+        .then(response => response.json())
+        .then(json => {
+          setConfigs(json)
+        })
+        .catch(error => console.error(error));
+
+    })();
+  }, []);
+
+
+  const [bddErrors, setBddErrors] = useState<{
+    name: string, givens: {
+      key: string,
+      name: string,
+      whens: {
+        name: string;
+        error: string;
+      }[],
+      thens: {
+        name: string;
+        error: string;
+      }[],
+    }[]
+  }>();
+  useEffect(() => {
+    (async () => {
+      setBddErrors(await (await fetch(`tests.json`)).json());
+    })();
+  }, [configs]);
+
+  if (!configs || !bddErrors) {
+    return <div>loading...</div>
+  }
+
+  return <div>  <Row>
+    <Col sm={12}><h2>{bddErrors.name}</h2></Col>
+  </Row>
+
+    <Row>
+      <Tab.Container id="root-tab-container" defaultActiveKey="first">
+        <Row>
+          <Col sm={3}>
+            <Nav variant="pills" className="flex-column">
+
+              {
+                ...bddErrors.givens.map((g) =>
+                  <Nav.Item>
+                    <Nav.Link eventKey={g.key}>
+                      {g.key}: Given {g.name}
+                    </Nav.Link>
+                  </Nav.Item>
+                )
+              }
+
+            </Nav>
+          </Col>
+          <Col sm={9}>
+            <Tab.Content>
+              {
+                ...bddErrors.givens.map((g) =>
+
+                  <Tab.Pane eventKey={g.key}><TestPane given={g} /></Tab.Pane>
+
+                )
+              }
+            </Tab.Content>
+          </Col>
+        </Row>
+      </Tab.Container>
+    </Row>
+
+    <Footer />
+  </div>
+}
+
+document.addEventListener("DOMContentLoaded", function () {
+  const elem = document.getElementById("root");
+  if (elem) {
+    ReactDom.createRoot(elem).render(React.createElement(BddPage, {}, []));
+  }
+});
+
+console.log("hello BddPage!")