fix(events): Add setTimeout after events to allow of async side effec…

…ts to take place
ademuk · Dec 23, 2020 · 5104b32 · 5104b32
1 parent dfae4c3
commit 5104b32
Show file tree

Hide file tree

Showing 3 changed files with 212 additions and 2 deletions.
diff --git a/server/render.ts b/server/render.ts
@@ -78,7 +78,7 @@ window.result = getWrapperComponent().then(
     render(WrapperComponent).then(
       () =>
         new Promise((resolve, reject) =>
-          setTimeout(() => (window.error ? reject(window.error) : resolve()), 0)
+          setTimeout(() => (window.error ? reject(window.error) : resolve()))
         )
     )
 );
diff --git a/server/server.ts b/server/server.ts
@@ -683,7 +683,9 @@ const runEventStep = (
     );
   });
 
-  return Promise.resolve(["success", context]);
+  return new Promise((resolve) =>
+    setTimeout(() => resolve(["success", context]), 10)
+  );
 };
 
 const runAssertionStep = (

diff --git a/src/Components.tsx.tests.json b/src/Components.tsx.tests.json
@@ -141,6 +141,214 @@
             }
           ],
           "name": "Render project components"
+        },
+        {
+          "id": "0837dde0-453e-11eb-8435-8385c7863d38",
+          "steps": [
+            {
+              "type": "mock",
+              "definition": {
+                "name": "fetch",
+                "args": ["/module-component"],
+                "return": [
+                  {
+                    "file": "App.tsx",
+                    "components": [
+                      {
+                        "exportName": "default",
+                        "name": "App"
+                      }
+                    ]
+                  },
+                  {
+                    "file": "Components.tsx",
+                    "components": [
+                      {
+                        "exportName": "default",
+                        "name": "Components"
+                      }
+                    ]
+                  }
+                ]
+              }
+            },
+            {
+              "type": "mock",
+              "definition": {
+                "name": "fetch",
+                "args": ["/module-test"],
+                "return": [
+                  {
+                    "file": "App.tsx",
+                    "components": [
+                      {
+                        "name": "App",
+                        "tests": [
+                          {
+                            "id": "c34b2f30-1c83-11eb-a8c1-1da52322ddf8",
+                            "steps": [
+                              {
+                                "type": "mock",
+                                "definition": {
+                                  "name": "fetch",
+                                  "args": ["/module-component"],
+                                  "return": []
+                                }
+                              },
+                              {
+                                "type": "render",
+                                "definition": {
+                                  "props": {}
+                                }
+                              },
+                              {
+                                "type": "event",
+                                "definition": {
+                                  "type": "click",
+                                  "target": "Look for other components"
+                                }
+                              }
+                            ]
+                          }
+                        ],
+                        "exportName": "default"
+                      }
+                    ]
+                  }
+                ]
+              }
+            },
+            {
+              "type": "render",
+              "definition": {
+                "props": {},
+                "wrapper": {
+                  "file": "react-router-dom",
+                  "exportName": "MemoryRouter",
+                  "props": {}
+                }
+              }
+            },
+            {
+              "type": "event",
+              "definition": {
+                "type": "click",
+                "target": "Look for other components"
+              }
+            },
+            {
+              "type": "assertion",
+              "definition": {
+                "type": "text",
+                "target": "Components.tsx"
+              }
+            },
+            {
+              "type": "assertion",
+              "definition": {
+                "type": "text",
+                "target": "Components"
+              }
+            }
+          ],
+          "name": "Look for other components"
+        },
+        {
+          "id": "6e725e50-453e-11eb-8435-8385c7863d38",
+          "steps": [
+            {
+              "type": "mock",
+              "definition": {
+                "name": "fetch",
+                "args": ["/module-component"],
+                "return": [
+                  {
+                    "file": "App.tsx",
+                    "components": [
+                      {
+                        "exportName": "default",
+                        "name": "App"
+                      }
+                    ]
+                  },
+                  {
+                    "file": "Components.tsx",
+                    "components": [
+                      {
+                        "exportName": "default",
+                        "name": "Components"
+                      }
+                    ]
+                  }
+                ]
+              }
+            },
+            {
+              "type": "mock",
+              "definition": {
+                "name": "fetch",
+                "args": ["/module-test"],
+                "return": []
+              }
+            },
+            {
+              "type": "render",
+              "definition": {
+                "props": {},
+                "wrapper": {
+                  "file": "react-router-dom",
+                  "exportName": "MemoryRouter",
+                  "props": {}
+                }
+              }
+            },
+            {
+              "type": "assertion",
+              "definition": {
+                "type": "mock",
+                "target": {
+                  "name": "fetch",
+                  "args": ["/module-component"]
+                }
+              }
+            },
+            {
+              "type": "assertion",
+              "definition": {
+                "type": "text",
+                "target": "App.tsx"
+              }
+            },
+            {
+              "type": "assertion",
+              "definition": {
+                "type": "text",
+                "target": "App"
+              }
+            },
+            {
+              "type": "assertion",
+              "definition": {
+                "type": "text",
+                "target": "Components.tsx"
+              }
+            },
+            {
+              "type": "assertion",
+              "definition": {
+                "type": "text",
+                "target": "Components"
+              }
+            },
+            {
+              "type": "assertion",
+              "definition": {
+                "type": "text",
+                "target": "You don't have any tests yet"
+              }
+            }
+          ],
+          "name": "Load components if no tests found"
         }
       ]
     }