wip

src/component/component_node.ts

@@ -1,6 +1,7 @@
 import type { App, Env } from "../app/app";
 import { BDom, VNode } from "../blockdom";
 import { Component, Props } from "./component";
+import { fibersInError, handleError } from "./error_handling";
 import {
   Fiber,
   makeChildFiber,
@@ -8,9 +9,8 @@ import {
   MountFiber,
   MountOptions,
   RootFiber,
-  __internal__destroyed,
+  __internal__destroyed
 } from "./fibers";
-import { handleError, fibersInError } from "./error_handling";
 import { applyDefaultProps } from "./props_validation";
 import { STATUS } from "./status";
 import { applyStyles } from "./style";

tests/components/__snapshots__/rendering.test.ts.snap

@@ -1,5 +1,29 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`rendering semantics blabla 1`] = `
+"function anonymous(bdom, helpers
+) {
+  let { text, createBlock, list, multi, html, toggler, component } = bdom;
+  let { withDefault, getTemplate, prepareList, withKey, zero, call, callSlot, capture, isBoundary, shallowEqual, setContextValue, toNumber, safeOutput } = helpers;
+  
+  return function template(ctx, node, key = \\"\\") {
+    return text(ctx['props'].a.b);
+  }
+}"
+`;
+
+exports[`rendering semantics blabla 2`] = `
+"function anonymous(bdom, helpers
+) {
+  let { text, createBlock, list, multi, html, toggler, component } = bdom;
+  let { withDefault, getTemplate, prepareList, withKey, zero, call, callSlot, capture, isBoundary, shallowEqual, setContextValue, toNumber, safeOutput } = helpers;
+  
+  return function template(ctx, node, key = \\"\\") {
+    return component(\`Child\`, {a: ctx['state']}, key + \`__1\`, node, ctx);
+  }
+}"
+`;
+
 exports[`rendering semantics can force a render to update sub tree 1`] = `
 "function anonymous(bdom, helpers
 ) {

tests/components/rendering.test.ts

@@ -83,4 +83,28 @@ describe("rendering semantics", () => {
     expect(parentN).toBe(2);
     expect(childN).toBe(2);
   });
+
+  test("blabla", async () => {
+    class Child extends Component {
+      static template = xml`<t t-esc="props.a.b"/>`;
+
+    }
+
+    class Parent extends Component {
+      static template = xml`
+        <Child a="state"/>
+      `;
+      static components = { Child };
+
+      state = useState({ b: 1 });
+    }
+
+    const parent = await mount(Parent, fixture);
+
+    expect(fixture.innerHTML).toBe("1");
+
+    parent.state.b = 3;
+    await nextTick();
+    expect(fixture.innerHTML).toBe("3");
+  });
 });