testeranto 0.49.7 → 0.49.9

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

@@ -4,6 +4,7 @@ import React, {
   useEffect, useRef,
 } from "react";
 import ReactDom from "react-dom/client";
+import { createPortal } from 'react-dom';
 
 import { ITTestShape, ITestImplementation, ITestSpecification } from "../../../core";
 import {
@@ -39,8 +40,16 @@ export default <ITestShape extends ITTestShape>(
         const myContainer = useRef<any>(null);
         useEffect(() => {
           console.log(
-            "useEffect called"
+            "useEffect called", myContainer.current
           );
+
+          if (!myContainer.current) {
+            // do componentDidMount logic
+            myContainer.current = true;
+          } else {
+            // do componentDidUpdate logic
+          }
+
           done(myContainer.current);
         }, []);
 
@@ -85,32 +94,56 @@ export default <ITestShape extends ITTestShape>(
 
               console.log("beforeEach", subject);
 
-              ReactDom.createRoot(rootElement).
-                render(
-                  // ignore this type error
-                  React.createElement(
-                    TesterantoComponent, {
-                    done: (reactElement: any) => resolve(reactElement),
-                    innerComp: testInput
-                  },
-                    []));
+              createPortal(
+                TesterantoComponent({
+                  innerComp: testInput,
+                  done: (reactElement: any) => {
+                    process.nextTick(() => {
+                      resolve(reactElement)// do something
+                    })
+                  }
+                }
+                  ,
+                ),
+
+                // ignore this type error
+                // React.createElement(
+                //   TesterantoComponent, {
+                //   done: (reactElement: any) => {
+                //     process.nextTick(() => {
+                //       resolve(reactElement)// do something
+                //     });
+
+                //   },
+                //   innerComp: testInput
+                // }),
+                rootElement
+              );
             });
           },
           andWhen: function (s: IStore, actioner): Promise<ISelection> {
-            return actioner()(s);
+            return new Promise((resolve, rej) => {
+              process.nextTick(() => { resolve(actioner()(s)) })
+            });
           },
           butThen: async function (s: IStore): Promise<ISelection> {
-            return s;
+            return new Promise((resolve, rej) => {
+              process.nextTick(() => { resolve(s) })
+            });
           },
           afterEach: async function (
             store: IStore,
             ndx,
             artificer
           ) {
-            return {};
+            return new Promise((resolve, rej) => {
+              process.nextTick(() => { resolve({}) })
+            });
           },
           afterAll: (store: IStore, artificer) => {
-            return;
+            return new Promise((resolve, rej) => {
+              process.nextTick(() => { resolve({}) })
+            });
           },
         },
       )