test(omi): more testing of rendering function

Tencent · Jan 12, 2024 · 085c134 · 085c134
1 parent aa7143d
commit 085c134
Showing 1 changed file with 34 additions and 1 deletion.
diff --git a/packages/omi/test/base.test.jsx b/packages/omi/test/base.test.jsx
@@ -442,7 +442,7 @@ describe('base', () => {
 
   })
 
-  it('rendering function', () => {
+  it('rendering function 1', () => {
 
     function ChildComponent(props) {
       return (
@@ -465,4 +465,37 @@ describe('base', () => {
     expect(parentElement.firstChild.shadowRoot.firstChild.innerHTML).toBe('<span>omi</span>')
 
   })
+
+  it('rendering function 2', () => {
+
+    function ChildComponent(props) {
+      return (
+        <span>{props.msg}</span>
+      )
+    }
+
+    class ParentComponent extends Component {
+      state = {
+        msg: 'omi'
+      }
+
+      render() {
+        return (
+          <div>
+            <ChildComponent msg={this.state.msg} />
+          </div>
+        )
+      }
+
+      installed() {
+        this.state.msg = 'Hello omi'
+        this.update()
+      }
+    }
+    let node = genNode()
+    define(node.name, ParentComponent)
+    render(<ParentComponent />, parentElement)
+    expect(parentElement.firstChild.shadowRoot.firstChild.innerHTML).toBe('<span>Hello omi</span>')
+
+  })
 })