testeranto 0.128.0 → 0.134.0

package/src/ReportClient.tsx

@@ -1,170 +1,164 @@
-import ReactDom from "react-dom/client";
-import React, { useEffect, useState } from "react";
-
-import 'bootstrap/dist/css/bootstrap.min.css';
-import "./style.css"
-
-import { IRunTime, ITestTypes, IBuiltConfig } from "./lib";
-import { Footer } from "./Footer";
-import { Table } from "react-bootstrap";
-
-type ISummary = {
-  runTimeError: number | "?";
-  typeErrors: number | "?";
-  staticErrors: number | "?";
-  prompt: string | "?";
-};
-
-type ICollation = {
-  name: string;
-  runTime: IRunTime;
-  tr: {
-    ports: number;
-  };
-  sidecars: ITestTypes[];
-  staticAnalysis: number | "?";
-  typeErrors: number | "?";
-  bddErrors: number | "?";
-  prompt: string | "?";
-};
-
-type ICollations = ICollation[];
-
-const BigBoard = () => {
-
-  const [configs, setConfigs] = useState<IBuiltConfig>();
-  useEffect(() => {
-    (async () => {
-      fetch(`./reports/${window.location.pathname.split('/').pop()}/config.json`)
-        .then(response => response.json())
-        .then(json => {
-          setConfigs(json)
-        })
-        .catch(error => console.error(error));
-
-    })();
-  }, []);
-
-  const [bigBoard, setBigBoard] = useState<Record<string, ISummary>>({});
-  useEffect(() => {
-    (async () => {
-      fetch('./docs/summary.json')
-        .then(response => response.json())
-        .then(json => {
-          setBigBoard(json)
-        })
-        .catch(error => console.error(error));
-
-    })();
-  }, []);
-
-  // const [staticAnalysis, setStaticAnalysis] = useState<Record<string, string>>({});
-  // useEffect(() => {
-  //   (async () => {
-
-  //     let accumulator = {};
-  //     for (const t of (configs || { tests: [] as ITestTypes[] }).tests) {
-  //       accumulator[t[0]] = await (await fetch(`/kokomoBay/docs/${t[1]}/${t[0].split(".").slice(0, -1).join(".")}/lint_errors.txt`)).text()
-  //     }
-  //     setStaticAnalysis(accumulator);
-
-
-  //   })();
-  // }, [configs, bigBoard]);
-
-  // const [typeErrors, setTypeErrors] = useState<Record<string, string>>({});
-  // useEffect(() => {
-  //   (async () => {
-
-  //     let accumulator = {};
-  //     for (const t of (configs || { tests: [] as ITestTypes[] }).tests) {
-  //       accumulator[t[0]] = await (await fetch(`/kokomoBay/docs/${t[1]}/${t[0].split(".").slice(0, -1).join(".")}/type_errors.txt`)).text()
-  //     }
-  //     setTypeErrors(accumulator);
-
-
-  //   })();
-  // }, [configs, bigBoard]);
-
-  // const [bddErrors, setBddErrors] = useState<Record<string, string>>({});
-  // useEffect(() => {
-  //   (async () => {
-
-  //     let accumulator = {};
-  //     for (const t of (configs || { tests: [] as ITestTypes[] }).tests) {
-  //       accumulator[t[0]] = await (await fetch(`/kokomoBay/docs/${t[1]}/${t[0].split(".").slice(0, -1).join(".")}/bdd_errors.txt`)).text()
-  //     }
-  //     setBddErrors(accumulator);
-
-
-  //   })();
-  // }, [configs, bigBoard]);
-
-  if (!configs) {
-    return <div>loading...</div>
-  }
-
-  const collated: ICollations = configs.tests.map((c) => {
-    return {
-      ...bigBoard[c[0]],
-      name: c[0],
-      runTime: c[1],
-      tr: c[2],
-      sidecars: c[3],
-      staticAnalysis: bigBoard[c[0]].staticErrors,
-      typeErrors: bigBoard[c[0]].typeErrors,
-      bddErrors: bigBoard[c[0]].runTimeError,
-      prompt: bigBoard[c[0]].prompt
-    } as ICollation
-  });
-
-  return <div >
-    <Table striped bordered hover>
-      <thead>
-        <tr>
-          <th></th>
-          <th>platform</th>
-          <th>BDD errors</th>
-          <th>Lint errors</th>
-          <th>Type errors</th>
-          <th>prompt</th>
-        </tr>
-
-      </thead>
-
-      <tbody>
-        {
-          ...collated.map((c) => {
-            return <tr>
-              <td>{c.name}</td>
-              <td>{c.runTime}</td>
-              <td><a href={`${c.runTime}/${c.name.split(".").slice(0, -1).join(".")}/littleBoard.html`}>{c.bddErrors}</a></td>
-              <td><a href={`${c.runTime}/${c.name.split(".").slice(0, -1).join(".")}/lint_errors.json`}>{c.staticAnalysis}</a></td>
-              <td><a href={`${c.runTime}/${c.name.split(".").slice(0, -1).join(".")}/type_errors.txt`}>{c.typeErrors}</a></td>
-
-
-              <td>
-                <pre>
-                  {c.prompt}
-                </pre>
-              </td>
-
-
-            </tr>
-          })
-        }
-      </tbody>
-
-    </Table>
-    <Footer />
-  </div>
-}
-
-document.addEventListener("DOMContentLoaded", function () {
-  const elem = document.getElementById("root");
-  if (elem) {
-    ReactDom.createRoot(elem).render(React.createElement(BigBoard, {}, []));
-  }
-});
-
-console.log("hello ReportClient!")
+// import ReactDom from "react-dom/client";
+// import React, { useEffect, useState } from "react";
+
+// import 'bootstrap/dist/css/bootstrap.min.css';
+// import "./style.css"
+
+// import { IRunTime, ITestTypes, IBuiltConfig } from "./lib";
+// import { Footer } from "./Footer";
+// import { Table } from "react-bootstrap";
+// import { ISummary } from "./Types";
+
+// type ICollation = {
+//   name: string;
+//   runTime: IRunTime;
+//   tr: {
+//     ports: number;
+//   };
+//   sidecars: ITestTypes[];
+//   staticAnalysis: number | "?";
+//   typeErrors: number | "?";
+//   bddErrors: number | "?";
+//   prompt: string | "?";
+// };
+
+// type ICollations = ICollation[];
+
+// const BigBoard = () => {
+
+//   const [configs, setConfigs] = useState<IBuiltConfig>();
+//   useEffect(() => {
+//     (async () => {
+//       fetch(`./reports/${window.location.pathname.split('/').pop()}/config.json`)
+//         .then(response => response.json())
+//         .then(json => {
+//           setConfigs(json)
+//         })
+//         .catch(error => console.error(error));
+
+//     })();
+//   }, []);
+
+//   const [bigBoard, setBigBoard] = useState<Record<string, ISummary>>({});
+//   useEffect(() => {
+//     (async () => {
+//       fetch('./docs/summary.json')
+//         .then(response => response.json())
+//         .then(json => {
+//           setBigBoard(json)
+//         })
+//         .catch(error => console.error(error));
+
+//     })();
+//   }, []);
+
+//   // const [staticAnalysis, setStaticAnalysis] = useState<Record<string, string>>({});
+//   // useEffect(() => {
+//   //   (async () => {
+
+//   //     let accumulator = {};
+//   //     for (const t of (configs || { tests: [] as ITestTypes[] }).tests) {
+//   //       accumulator[t[0]] = await (await fetch(`/kokomoBay/docs/${t[1]}/${t[0].split(".").slice(0, -1).join(".")}/lint_errors.txt`)).text()
+//   //     }
+//   //     setStaticAnalysis(accumulator);
+
+
+//   //   })();
+//   // }, [configs, bigBoard]);
+
+//   // const [typeErrors, setTypeErrors] = useState<Record<string, string>>({});
+//   // useEffect(() => {
+//   //   (async () => {
+
+//   //     let accumulator = {};
+//   //     for (const t of (configs || { tests: [] as ITestTypes[] }).tests) {
+//   //       accumulator[t[0]] = await (await fetch(`/kokomoBay/docs/${t[1]}/${t[0].split(".").slice(0, -1).join(".")}/type_errors.txt`)).text()
+//   //     }
+//   //     setTypeErrors(accumulator);
+
+
+//   //   })();
+//   // }, [configs, bigBoard]);
+
+//   // const [bddErrors, setBddErrors] = useState<Record<string, string>>({});
+//   // useEffect(() => {
+//   //   (async () => {
+
+//   //     let accumulator = {};
+//   //     for (const t of (configs || { tests: [] as ITestTypes[] }).tests) {
+//   //       accumulator[t[0]] = await (await fetch(`/kokomoBay/docs/${t[1]}/${t[0].split(".").slice(0, -1).join(".")}/bdd_errors.txt`)).text()
+//   //     }
+//   //     setBddErrors(accumulator);
+
+
+//   //   })();
+//   // }, [configs, bigBoard]);
+
+//   if (!configs) {
+//     return <div>loading...</div>
+//   }
+
+//   const collated: ICollations = configs.tests.map((c) => {
+//     return {
+//       ...bigBoard[c[0]],
+//       name: c[0],
+//       runTime: c[1],
+//       tr: c[2],
+//       sidecars: c[3],
+//       staticAnalysis: bigBoard[c[0]].staticErrors,
+//       typeErrors: bigBoard[c[0]].typeErrors,
+//       bddErrors: bigBoard[c[0]].runTimeError,
+//       prompt: bigBoard[c[0]].prompt
+//     } as ICollation
+//   });
+
+//   return <div >
+//     <Table striped bordered hover>
+//       <thead>
+//         <tr>
+//           <th></th>
+//           <th>platform</th>
+//           <th>BDD errors</th>
+//           <th>Lint errors</th>
+//           <th>Type errors</th>
+//           <th>prompt</th>
+//         </tr>
+
+//       </thead>
+
+//       <tbody>
+//         {
+//           ...collated.map((c) => {
+//             return <tr>
+//               <td>{c.name}</td>
+//               <td>{c.runTime}</td>
+//               <td><a href={`${c.runTime}/${c.name.split(".").slice(0, -1).join(".")}/littleBoard.html`}>{c.bddErrors}</a></td>
+//               <td><a href={`${c.runTime}/${c.name.split(".").slice(0, -1).join(".")}/lint_errors.json`}>{c.staticAnalysis}</a></td>
+//               <td><a href={`${c.runTime}/${c.name.split(".").slice(0, -1).join(".")}/type_errors.txt`}>{c.typeErrors}</a></td>
+
+
+//               <td>
+//                 <pre>
+//                   {c.prompt}
+//                 </pre>
+//               </td>
+
+
+//             </tr>
+//           })
+//         }
+//       </tbody>
+
+//     </Table>
+//     <Footer />
+//   </div>
+// }
+
+// document.addEventListener("DOMContentLoaded", function () {
+//   const elem = document.getElementById("root");
+//   if (elem) {
+//     ReactDom.createRoot(elem).render(React.createElement(BigBoard, {}, []));
+//   }
+// });
+
+// console.log("hello ReportClient!")

package/src/SP__Polygon.test.ts

@@ -0,0 +1,13 @@
+import { test6, When, Then } from "../lib";
+import { Polygon } from "./SP__Polygon";
+
+test6(
+  ["can calculate polygon area"], // Features
+  [
+    When("given sides", (polygon: Polygon) => polygon.calculateArea()),
+  ],
+  [
+    Then("area should match", (area: number) => expect(area).toBeCloseTo(25)),
+  ],
+  [5, 5] // Values passed to Given
+);

package/src/TestReport.tsx

@@ -138,11 +138,72 @@ const BddPage = () => {
   </Row>
 
     <Row>
-      <Tab.Container id="root-tab-container" defaultActiveKey="first">
+      <Tab.Container id="root-tab-container" defaultActiveKey="log">
         <Row>
 
-          <Col sm={3}>
-            <pre><code>{log}</code></pre>
+          <Col sm={1}>
+            <Nav variant="pills" className="flex-column">
+
+              <Nav.Item>
+                <Nav.Link eventKey={"log"}>
+                  log
+                </Nav.Link>
+                <Nav.Link eventKey={"steps"}>
+                  steps
+                </Nav.Link>
+              </Nav.Item>
+
+            </Nav>
+          </Col>
+
+          <Col sm={11}>
+            <Tab.Content>
+              <Tab.Pane eventKey={"log"}>
+                <pre><code>{log}</code></pre>
+              </Tab.Pane>
+
+              <Tab.Pane eventKey={"steps"}>
+
+                <Tab.Container id="secondary-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>
+              </Tab.Pane>
+
+            </Tab.Content>
+
+
+          </Col>
+
+          {/* <Col sm={3}>
+            
 
 
           </Col>
@@ -172,11 +233,23 @@ const BddPage = () => {
                 )
               }
             </Tab.Content>
-          </Col>
+          </Col> */}
+
         </Row>
       </Tab.Container>
     </Row>
 
+    <div style={{
+      backgroundColor: 'lightgray',
+      margin: '0.5rem',
+      padding: '0.5rem',
+      position: 'fixed',
+      left: 0,
+      bottom: 0
+    }}>
+      <a href="/">🏠</a>
+    </div>
+
     <Footer />
   </div>
 }
@@ -190,5 +263,3 @@ document.addEventListener("DOMContentLoaded", function () {
     }
   }
 });
-
-console.log("hello BddPage!")