更新text示例和自动化测试用例

pages/component/text/text-props.test.js

@@ -20,4 +20,12 @@ describe('text-props', () => {
         expect(height).toBe(0)
       }
   })
+
+  it('text nested', async () => {
+      page.callMethod("setTextNested")
+      const element = await page.$('#text-nested')
+      if (element != null) {
+        expect(await element.text()).toBe("二级节点文字红色且背景色黄色")
+      }
+  })
 })

pages/component/text/text-props.uvue

@@ -78,7 +78,7 @@
       <view class="text-box">
         <text
           >一级节点黑色
-          <text style="color: red;background-color: yellow;"
+          <text id="text-nested" ref="text-nested" style="color: red;background-color: yellow;"
             >二级节点红色且背景色黄色
             <text>三级节点不继承二级的颜色</text>
           </text>
@@ -114,7 +114,12 @@ export default {
       singleLineText: 'uni-app x，终极跨平台方案',
     }
   },
-  methods: {},
+  methods: {
+    // 自动化测试
+    setTextNested() {
+      (this.$refs["text-nested"] as UniTextElement).value = "二级节点文字红色且背景色黄色";
+    }
+  }
 }
 </script>