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

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

 const PAGE_PATH = '/pages/component/text/text-props'
 
 describe('text-props', () => {
+  let page
   beforeAll(async () => {
-    const page = await program.navigateTo(PAGE_PATH)
+    page = await program.navigateTo(PAGE_PATH)
     await page.waitFor(1000)
   })
+
   it('screenshot', async () => {
     const image = await program.screenshot({ fullPage: true })
     expect(image).toMatchImageSnapshot()
   })
+
+  it('empty text', async () => {
+      const element = await page.$('#empty-text')
+      if (element != null) {
+        const { width, height } = await element.size()
+        expect(width).toBe(0)
+        expect(height).toBe(0)
+      }
+  })
 })

pages/component/text/text-props.uvue

@@ -27,8 +27,8 @@
       <view class="uni-title">
         <text class="uni-subtitle-text">截断（clip）</text>
       </view>
-      <view class="text-box" style="height: 100px">
-        <text class="uni-flex-item" style="text-overflow: clip">{{
+      <view class="text-box">
+        <text class="uni-flex-item" style="text-overflow: clip; white-space: nowrap;">{{
           multiLineText
         }}</text>
       </view>
@@ -36,8 +36,8 @@
       <view class="uni-title">
         <text class="uni-subtitle-text">截断（ellipsis）</text>
       </view>
-      <view class="text-box" style="height: 100px">
-        <text class="uni-flex-item" style="text-overflow: ellipsis">{{
+      <view class="text-box">
+        <text class="uni-flex-item" style="text-overflow: ellipsis; white-space: nowrap;">{{
           multiLineText
         }}</text>
       </view>
@@ -96,6 +96,10 @@
         <text class="text-padding" style="width: 200px;height: 100px;">hello uni-app x</text>
       </view>
 
+      <view class="uni-row">
+        <text id="empty-text"></text>
+      </view>
+
     </view>
   </scroll-view>
 </template>