testeranto 0.166.0 → 0.171.0

package/src/TestPage.tsx

@@ -253,19 +253,92 @@ export const TestPage = () => {
                 {testData.givens.map((given, i) => (
                   <div key={i} className="mb-4 card">
                     <div className="card-header bg-primary text-white">
-                      <h4>Given: {given.name}</h4>
+                      <div className="d-flex justify-content-between align-items-center">
+                        <h4>Given: {given.name}</h4>
+                        {given.artifacts?.length > 0 && (
+                          <div className="dropdown">
+                            <button
+                              className="btn btn-sm btn-light dropdown-toggle"
+                              type="button"
+                              data-bs-toggle="dropdown"
+                            >
+                              Artifacts ({given.artifacts.length})
+                            </button>
+                            <ul className="dropdown-menu dropdown-menu-end">
+                              {given.artifacts.map((artifact, ai) => (
+                                <li key={ai}>
+                                  <a
+                                    className="dropdown-item"
+                                    href={`/testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`}
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                  >
+                                    {artifact.split('/').pop()}
+                                  </a>
+                                </li>
+                              ))}
+                            </ul>
+                          </div>
+                        )}
+                      </div>
                     </div>
                     <div className="card-body">
                       {given.whens.map((when, j) => (
                         <div key={`w-${j}`} className={`p-3 mb-2 ${when.error ? 'bg-danger text-white' : 'bg-success text-white'}`}>
-                          <strong>When:</strong> {when.name}
-                          {when.error && <pre className="mt-2">{when.error}</pre>}
+                          <div className="d-flex justify-content-between align-items-start">
+                            <div>
+                              <strong>When:</strong> {when.name}
+                              {when.error && <pre className="mt-2">{when.error}</pre>}
+                            </div>
+                            {when.artifacts?.length > 0 && (
+                              <div className="ms-3">
+                                <strong>Artifacts:</strong>
+                                <ul className="list-unstyled">
+                                  {when.artifacts.map((artifact, ai) => (
+                                    <li key={ai}>
+                                      <a
+                                        href={`/testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`}
+                                        target="_blank"
+                                        className="text-white"
+                                        rel="noopener noreferrer"
+                                      >
+                                        {artifact.split('/').pop()}
+                                      </a>
+                                    </li>
+                                  ))}
+                                </ul>
+                              </div>
+                            )}
+                          </div>
                         </div>
                       ))}
                       {given.thens.map((then, k) => (
                         <div key={`t-${k}`} className={`p-3 mb-2 ${then.error ? 'bg-danger text-white' : 'bg-success text-white'}`}>
-                          <strong>Then:</strong> {then.name}
-                          {then.error && <pre className="mt-2">{then.error}</pre>}
+                          <div className="d-flex justify-content-between align-items-start">
+                            <div>
+                              <strong>Then:</strong> {then.name}
+                              {then.error && <pre className="mt-2">{then.error}</pre>}
+                            </div>
+                            {then.artifacts?.length > 0 && (
+                              <div className="ms-3">
+                                <strong>Artifacts:</strong>
+                                <ul className="list-unstyled">
+                                  {then.artifacts.map((artifact, ai) => (
+                                    <li key={ai}>
+                                      <a
+                                        href={`/testeranto/reports/${projectName}/${testName.split('.').slice(0, -1).join('.')}/${runtime}/${artifact}`}
+                                        target="_blank"
+                                        className="text-white"
+                                        rel="noopener noreferrer"
+                                      >
+                                        {artifact.split('/').pop()}
+                                      </a>
+                                    </li>
+                                  ))}
+                                </ul>
+                              </div>
+                            )}
+                          </div>
                         </div>
                       ))}
                     </div>

package/src/Web.ts

@@ -17,10 +17,13 @@ import {
   defaultTestResourceRequirement,
 } from "./lib/index.js";
 
-let errorCallback = (e: any) => {};
-let unhandledrejectionCallback = (event: PromiseRejectionEvent) => {
-  console.log("window.addEventListener unhandledrejection", event);
-};
+// let errorCallback = (e: any) => {};
+// let unhandledrejectionCallback = (event: PromiseRejectionEvent) => {
+//   console.log(
+//     "window.addEventListener unhandledrejection 1",
+//     JSON.stringify(event)
+//   );
+// };
 
 export class WebTesteranto<
   I extends Ibdd_in_any,
@@ -41,37 +44,34 @@ export class WebTesteranto<
       testResourceRequirement,
       testAdapter,
       (cb) => {
-        window.removeEventListener("error", errorCallback);
-
-        errorCallback = (e) => {
-          console.log("window.addEventListener error", e);
-          cb(e);
-          // throw e;
-        };
-
-        window.addEventListener("error", errorCallback);
-
-        window.removeEventListener(
-          "unhandledrejection",
-          unhandledrejectionCallback
-        );
-        /////////////////////
-
-        window.removeEventListener(
-          "unhandledrejection",
-          unhandledrejectionCallback
-        );
-
-        unhandledrejectionCallback = (event: PromiseRejectionEvent) => {
-          console.log("window.addEventListener unhandledrejection", event);
-          cb({ error: event.reason.message });
-          // throw event;
-        };
-
-        window.addEventListener(
-          "unhandledrejection",
-          unhandledrejectionCallback
-        );
+        // window.removeEventListener("error", errorCallback);
+        // errorCallback = (e) => {
+        //   console.log("window.addEventListener error 2", JSON.stringify(e));
+        //   cb(e);
+        //   // throw e;
+        // };
+        // window.addEventListener("error", errorCallback);
+        // window.removeEventListener(
+        //   "unhandledrejection",
+        //   unhandledrejectionCallback
+        // );
+        // /////////////////////
+        // window.removeEventListener(
+        //   "unhandledrejection",
+        //   unhandledrejectionCallback
+        // );
+        // unhandledrejectionCallback = (event: PromiseRejectionEvent) => {
+        //   console.log(
+        //     "window.addEventListener unhandledrejection 3",
+        //     JSON.stringify(event)
+        //   );
+        //   cb({ error: event.reason.message });
+        //   // throw event;
+        // };
+        // window.addEventListener(
+        //   "unhandledrejection",
+        //   unhandledrejectionCallback
+        // );
       }
     );
   }

package/src/components/pure/ProjectPageView.test/adapter.ts

@@ -0,0 +1,21 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { ITestAdapter } from "../../../CoreTypes";
+import { I } from "./types";
+
+export const adapter: ITestAdapter<I> = {
+  beforeEach: async (subject, initializer, testResource, initialValues, pm) => {
+    return initializer();
+  },
+  andWhen: async (store, whenCB, testResource, pm) => {
+    return whenCB(store, pm);
+  },
+  butThen: async (store, thenCB, testResource, pm) => {
+    return thenCB(store, pm);
+  },
+  afterEach: async (store, key, pm) => {
+    if (store?.container) {
+      store.container.remove();
+    }
+    return store;
+  },
+};

package/src/components/pure/ProjectPageView.test/implementation.tsx

@@ -0,0 +1,84 @@
+import { assert, expect } from "chai";
+import { ITestImplementation } from "../../../CoreTypes";
+import { I, M, O } from "./types";
+
+export const implementation: ITestImplementation<I, O, M> = {
+  suites: {
+    Default: "Project Page View Tests",
+  },
+
+  givens: {
+    Default: () => ({
+      summary: {},
+      nodeLogs: null,
+      webLogs: null,
+      pureLogs: null,
+      config: { tests: [] },
+      loading: false,
+      error: null,
+      projectName: "test-project",
+      route: "tests",
+      setRoute: () => { },
+      navigate: () => { },
+    }),
+    WithError: () => ({
+      summary: null,
+      nodeLogs: null,
+      webLogs: null,
+      pureLogs: null,
+      config: { tests: [] },
+      loading: false,
+      error: "Test error message",
+      projectName: "test-project",
+      route: "tests",
+      setRoute: () => { },
+      navigate: () => { },
+    }),
+  },
+  whens: {
+
+  },
+
+  thens: {
+    happyPath:
+      () =>
+        async ({ container, html }, pm) => {
+          console.group('[Test] Verifying render output');
+          debugger
+          const p = await pm.page();
+          await pm.customScreenShot({ path: "happyPath.png" }, p);
+
+          assert.equal(1, 1);
+          // try {
+          //   console.log('Checking for container-fluid');
+          //   const containerFluid = container.querySelector(".container-fluid");
+          //   expect(containerFluid).to.exist;
+          //   expect(containerFluid?.children.length).to.be.greaterThan(0);
+
+          //   console.log('Checking for NavBar');
+          //   const navBar = container.querySelector("nav.navbar");
+          //   expect(navBar).to.exist;
+
+          //   console.log('Render verification passed');
+          //   console.groupEnd();
+          //   return { container, html };
+          // } catch (err) {
+          //   console.error('Verification failed:', err);
+          //   console.error('Full HTML:', html);
+          //   console.groupEnd();
+          //   throw err;
+          // }
+        },
+    unhappyPath:
+      () =>
+        async ({ container }, pm) => {
+          // expect(container.textContent).contain("Test error message");
+          assert.equal(1, 1);
+
+          const p = await pm.page();
+          await pm.customScreenShot({ path: "unhappyPath.png" }, p);
+
+          return { container };
+        },
+  },
+};

package/src/components/pure/ProjectPageView.test/index.ts

@@ -0,0 +1,8 @@
+import Testeranto from "testeranto-react/src/react-dom/component/web";
+
+import { implementation } from "./implementation";
+import { specification } from "./specification";
+import { I, O } from "./types";
+import { ProjectPageView } from "../ProjectPageView";
+
+export default Testeranto<I, O>(implementation, specification, ProjectPageView);

package/src/components/pure/ProjectPageView.test/specification.ts

@@ -0,0 +1,31 @@
+import { ITestSpecification } from "../../../CoreTypes";
+import { I, O } from "./types";
+
+export const specification: ITestSpecification<I, O> = (
+  Suite,
+  Given,
+  When,
+  Then
+) => {
+  return [
+    Suite.Default("ProjectPageView Component Tests", {
+      basicRender: Given.Default(
+        [
+          "ProjectPageView should render",
+          "It should contain a container-fluid div",
+          "It should render the NavBar component",
+        ],
+        [],
+        [Then.happyPath()]
+      ),
+      errorHandling: Given.WithError(
+        [
+          "ProjectPageView should handle errors",
+          "It should display error messages when present",
+        ],
+        [],
+        [Then.unhappyPath()]
+      ),
+    }),
+  ];
+};

package/src/components/pure/ProjectPageView.test/types.ts

@@ -0,0 +1,55 @@
+/* eslint-disable @typescript-eslint/no-empty-object-type */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { Ibdd_in, Ibdd_out } from "../../../CoreTypes";
+import { IProjectPageViewProps } from "../ProjectPageView";
+
+export type I = Ibdd_in<
+  null,
+  IProjectPageViewProps,
+  IProjectPageViewProps & { container?: HTMLElement },
+  IProjectPageViewProps & { container?: HTMLElement },
+  (...args: any[]) => IProjectPageViewProps,
+  () => (
+    props: IProjectPageViewProps,
+    utils: any
+  ) => IProjectPageViewProps & { container?: HTMLElement },
+  () => (
+    state: IProjectPageViewProps & { container?: HTMLElement }
+  ) => IProjectPageViewProps & { container?: HTMLElement }
+>;
+
+export type O = Ibdd_out<
+  {
+    Default: [string];
+  },
+  {
+    Default: [];
+    WithError: [];
+  },
+  {},
+  {
+    happyPath: [];
+    unhappyPath: [];
+  }
+>;
+
+export type M = {
+  givens: {
+    [K in keyof O["givens"]]: (...args: any[]) => IProjectPageViewProps;
+  };
+  whens: {
+    [K in keyof O["whens"]]: (
+      ...args: any[]
+    ) => (
+      props: IProjectPageViewProps,
+      utils: any
+    ) => IProjectPageViewProps & { container?: HTMLElement };
+  };
+  thens: {
+    [K in keyof O["thens"]]: (
+      ...args: any[]
+    ) => (
+      state: IProjectPageViewProps & { container?: HTMLElement }
+    ) => IProjectPageViewProps & { container?: HTMLElement };
+  };
+};