testeranto 0.48.9 → 0.48.14

package/src/subPackages/react-dom/jsx/web.ts

@@ -1,10 +1,11 @@
+import Testeranto from "../../../Web";
+
 import React, {
   useEffect, useRef,
 } from "react";
 import ReactDom from "react-dom/client";
 
 import { ITTestShape, ITestImplementation, ITestSpecification } from "../../../core";
-import Testeranto from "../../../../src/Web";
 
 type Input = [string, (string) => string, any];
 type InitialState = unknown;
@@ -38,80 +39,79 @@ export default <ITestShape extends ITTestShape>(
   >,
   testInput: Prototype
 ) => {
-  const TesterantoComponent = function (props) {
-    const myContainer = useRef(null);
+  document.addEventListener("DOMContentLoaded", function () {
+    const elem = document.getElementById("root");
+    if (elem) {
+      const TesterantoComponent = function (props) {
+        const myContainer = useRef(null);
 
-    useEffect(() => {
-      console.log(
-        "This only happens ONCE. It happens AFTER the initial render."
-      );
-      // eslint-disable-next-line react/prop-types
-      props.done(myContainer.current);
-    }, []);
+        useEffect(() => {
+          console.log(
+            "This only happens ONCE. It happens AFTER the initial render."
+          );
+          // eslint-disable-next-line react/prop-types
+          props.done(myContainer.current);
+        }, []);
 
-    return React.createElement('div', { ref: myContainer }, testInput());  //testInput();
-  };
+        return React.createElement('div', { ref: myContainer }, testInput());  //testInput();
+      };
 
-  return Testeranto<
-    ITestShape,
-    Prototype,
-    ISubject,
-    IStore,
-    ISelection,
-    IThenShape,
-    IWhenShape,
-    InitialState
-  >(
-    testInput,
-    testSpecifications,
-    testImplementations,
-    {
-      beforeAll: async (
-        prototype,
-        artificer
-      ): Promise<ISubject> => {
-        artificer("./before.txt", "hello artificer");
-        return await new Promise((resolve, rej) => {
-          document.addEventListener("DOMContentLoaded", function () {
-            const elem = document.getElementById("root");
-            if (elem) {
+      Testeranto<
+        ITestShape,
+        Prototype,
+        ISubject,
+        IStore,
+        ISelection,
+        IThenShape,
+        IWhenShape,
+        InitialState
+      >(
+        testInput,
+        testSpecifications,
+        testImplementations,
+        {
+          beforeAll: async (
+            prototype,
+            artificer
+          ): Promise<ISubject> => {
+            return new Promise((resolve, rej) => {
               resolve({ root: elem });
-            }
-          });
-        })
-      },
-      beforeEach: async (
-        { root },
-        ndx,
-        testRsource,
-        artificer
-      ): Promise<IStore> => {
-        return new Promise((resolve, rej) => {
-          ReactDom.createRoot(root).
-            render(
-              React.createElement(
-                TesterantoComponent, {
-                done: (react) => resolve({ root, react })
-              }, []));
-        });
-      },
-      andWhen: function (s: IStore, actioner): Promise<ISelection> {
-        return actioner()(s);
-      },
-      butThen: async function (s: IStore): Promise<ISelection> {
-        return s;
-      },
-      afterEach: async function (
-        store: IStore,
-        ndx,
-        artificer
-      ) {
-        return {};
-      },
-      afterAll: (store: IStore, artificer) => {
-        // store.page.browser().close();
-        return;
-      },
-    },
-  )
+            })
+          },
+          beforeEach: async (
+            { root },
+            ndx,
+            testRsource,
+            artificer
+          ): Promise<IStore> => {
+            return new Promise((resolve, rej) => {
+              ReactDom.createRoot(root).
+                render(
+                  React.createElement(
+                    TesterantoComponent, {
+                    done: (react) => resolve({ root, react })
+                  }, []));
+            });
+          },
+          andWhen: function (s: IStore, actioner): Promise<ISelection> {
+            return actioner()(s);
+          },
+          butThen: async function (s: IStore): Promise<ISelection> {
+            return s;
+          },
+          afterEach: async function (
+            store: IStore,
+            ndx,
+            artificer
+          ) {
+            return {};
+          },
+          afterAll: (store: IStore, artificer) => {
+            // store.page.browser().close();
+            return;
+          },
+        },
+      )
+    }
+  });
 };