cx 26.0.14 → 26.1.1

package/src/ui/Cx.spec.tsx

@@ -3,12 +3,12 @@ import { VDOM } from "./VDOM";
 import { Container, ContainerBase, ContainerConfig } from "./Container";
 import { Store } from "../data/Store";
 import { bind } from "./bind";
-import { createTestRenderer, createTestWidget } from "../util/test/createTestRenderer";
+import { createTestRenderer, createTestWidget, act } from "../util/test/createTestRenderer";
 import assert from "assert";
 import { HtmlElement } from "../widgets/HtmlElement";
 
 describe("Cx", () => {
-   it("can render cx content", () => {
+   it("can render cx content", async () => {
       let widget = (
          <cx>
             <div>Test</div>
@@ -17,7 +17,7 @@ describe("Cx", () => {
 
       let store = new Store();
 
-      const component = createTestRenderer(store, widget);
+      const component = await createTestRenderer(store, widget);
 
       let tree = component.toJSON();
       assert.deepEqual(tree, {
@@ -27,7 +27,7 @@ describe("Cx", () => {
       });
    });
 
-   it("store changes preserve the instance", () => {
+   it("store changes preserve the instance", async () => {
       let instanceLog: any[] = [];
       let storeLog: any[] = [];
 
@@ -46,7 +46,7 @@ describe("Cx", () => {
       let store1 = new Store({ data: { text: "Test1" } });
       let store2 = new Store({ data: { text: "Test2" } });
 
-      const component = createTestRenderer(store1, widget);
+      const component = await createTestRenderer(store1, widget);
 
       let tree1 = component.toJSON();
       assert.deepEqual(tree1, {
@@ -55,7 +55,9 @@ describe("Cx", () => {
          children: ["Test1"],
       });
 
-      component.update(createTestWidget(store2, widget));
+      await act(async () => {
+         component.update(createTestWidget(store2, widget));
+      });
 
       let tree2 = component.toJSON();
       assert.deepEqual(tree2, {
@@ -70,7 +72,7 @@ describe("Cx", () => {
       assert(storeLog[1] === store2);
    });
 
-   it("invokes lifetime methods in the right order", () => {
+   it("invokes lifetime methods in the right order", async () => {
       let events: any[] = [];
 
       interface TestWidgetConfig extends ContainerConfig {
@@ -123,7 +125,7 @@ describe("Cx", () => {
 
       let store = new Store();
 
-      const component = createTestRenderer(store, widget);
+      const component = await createTestRenderer(store, widget);
 
       let tree = component.toJSON();
       assert.deepEqual(tree, {

package/src/ui/DataProxy.spec.tsx

@@ -11,7 +11,7 @@ import { bind } from "./bind";
 import { tpl } from "./tpl";
 
 describe("DataProxy", () => {
-   it("can calculate values", () => {
+   it("can calculate values", async () => {
       let widget = (
          <cx>
             <DataProxy
@@ -30,7 +30,7 @@ describe("DataProxy", () => {
          },
       });
 
-      const component = createTestRenderer(store, widget);
+      const component = await createTestRenderer(store, widget);
 
       let tree = component.toJSON();
       assert.deepEqual(tree, {
@@ -40,7 +40,7 @@ describe("DataProxy", () => {
       });
    });
 
-   it("can write into values aliased with bind", () => {
+   it("can write into values aliased with bind", async () => {
       class TestController extends Controller {
          onInit() {
             this.store.set("$value", "excellent");
@@ -66,7 +66,7 @@ describe("DataProxy", () => {
          },
       });
 
-      const component = createTestRenderer(store, widget);
+      const component = await createTestRenderer(store, widget);
 
       let tree = component.toJSON();
 
@@ -79,7 +79,7 @@ describe("DataProxy", () => {
       });
    });
 
-   it("can write into aliased values using provided setters", () => {
+   it("can write into aliased values using provided setters", async () => {
       class TestController extends Controller {
          onInit() {
             this.store.set("$value", "excellent");
@@ -110,7 +110,7 @@ describe("DataProxy", () => {
          },
       });
 
-      const component = createTestRenderer(store, widget);
+      const component = await createTestRenderer(store, widget);
 
       let tree = component.toJSON();
 
@@ -123,7 +123,7 @@ describe("DataProxy", () => {
       });
    });
 
-   it("allows shorter syntax", () => {
+   it("allows shorter syntax", async () => {
       let widget = (
          <cx>
             <DataProxy alias="$value" value={bind("value")}>
@@ -138,7 +138,7 @@ describe("DataProxy", () => {
          },
       });
 
-      const component = createTestRenderer(store, widget);
+      const component = await createTestRenderer(store, widget);
 
       let tree = component.toJSON();
       assert.deepEqual(tree, {
@@ -148,7 +148,7 @@ describe("DataProxy", () => {
       });
    });
 
-   it("correctly updates aliased data after write", () => {
+   it("correctly updates aliased data after write", async () => {
       class TestController extends Controller {
          onInit() {
             this.store.set("$value", "excellent");
@@ -175,7 +175,7 @@ describe("DataProxy", () => {
          },
       });
 
-      const component = createTestRenderer(store, widget);
+      const component = await createTestRenderer(store, widget);
 
       let tree = component.toJSON();
 
@@ -188,7 +188,7 @@ describe("DataProxy", () => {
       });
    });
 
-   it("properly binds structures", () => {
+   it("properly binds structures", async () => {
       class TestController extends Controller {
          onInit() {
             this.store.set("$person.firstName", "Jim");
@@ -214,7 +214,7 @@ describe("DataProxy", () => {
          },
       });
 
-      const component = createTestRenderer(store, widget);
+      const component = await createTestRenderer(store, widget);
 
       let tree = component.toJSON();
 
@@ -227,7 +227,7 @@ describe("DataProxy", () => {
       });
    });
 
-   it("works with Store refs", () => {
+   it("works with Store refs", async () => {
       let widget = createFunctionalComponent(() => {
          let valueRef = useState("a");
          return (
@@ -256,7 +256,7 @@ describe("DataProxy", () => {
          },
       });
 
-      const component = createTestRenderer(store, widget);
+      const component = await createTestRenderer(store, widget);
 
       let tree = component.toJSON();
       assert.deepEqual(tree, {
@@ -266,7 +266,7 @@ describe("DataProxy", () => {
       });
    });
 
-   it("controllers set on the DataProxy can see calculated values", () => {
+   it("controllers set on the DataProxy can see calculated values", async () => {
       let value;
       let widget = Widget.create(
          <cx>
@@ -285,13 +285,13 @@ describe("DataProxy", () => {
 
       let store = new Store();
 
-      const component = createTestRenderer(store, widget);
+      const component = await createTestRenderer(store, widget);
 
       let tree = component.toJSON();
       assert.equal(value, 5);
    });
 
-   it("correctly propagates undefined values over a previous value (bug)", () => {
+   it("correctly propagates undefined values over a previous value (bug)", async () => {
       let widget = (
          <cx>
             <DataProxy
@@ -317,7 +317,7 @@ describe("DataProxy", () => {
          },
       });
 
-      const component = createTestRenderer(store, widget);
+      const component = await createTestRenderer(store, widget);
 
       let tree = component.toJSON();