Lazy nodes support from V2

kriasoft · May 13, 2020 · cb8dad0 · cb8dad0
1 parent 5a49378
commit cb8dad0
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/src/index.js b/src/index.js
@@ -209,6 +209,9 @@ function resolveNode(node, state, actions) {
   if (typeof node === 'function') {
     return resolveNode(node(state, actions), state, actions)
   }
+  if (node && node.type === 2) {
+    return resolveNode(node.lazy.view(node.lazy), state, actions)
+  }
 
   return node
 }

diff --git a/test/index.test.js b/test/index.test.js
@@ -471,6 +471,35 @@ describe('renderToString(view, state, actions)', () => {
     expect(html).toBe('<div>foo bar baz</div>')
   })
 
+  it('should support Hyperapp V2 lazy nodes', () => {
+    const VNode = {
+      lazy: {
+        view: ({ name }) => <div>{name}</div>,
+        name: 'foo',
+      },
+      type: 2,
+    }
+    const html = renderToString(VNode)
+    expect(html).toBe('<div>foo</div>')
+  })
+
+  it('should support Hyperapp V2 nested lazy nodes', () => {
+    const VNode = {
+      lazy: {
+        view: () => ({
+          lazy: {
+            view: ({ name }) => <div>{name}</div>,
+            name: 'foo',
+          },
+          type: 2,
+        }),
+      },
+      type: 2,
+    }
+    const html = renderToString(VNode)
+    expect(html).toBe('<div>foo</div>')
+  })
+
   it('should render counter', () => {
     const testState = { count: 100 }
     const testActions = {