diff --git a/pages/component-instance/props/props-with-defaults.uvue b/pages/component-instance/props/props-with-defaults.uvue
index c560943c81b836c7ba515809f579b66232dbc48c..2543cd81fba13f08b9904b1b701dfba9c6187a0c 100644
--- a/pages/component-instance/props/props-with-defaults.uvue
+++ b/pages/component-instance/props/props-with-defaults.uvue
@@ -3,11 +3,11 @@
     <text class="mb-10 bold">withDefaults</text>
     <view class="mb-10 flex flex-row justify-between">
       <text>msg</text>
-      <text>{{ props.msg }}</text>
+      <text id="prop-msg">{{ props.msg }}</text>
     </view>
     <view class="mb-10 flex flex-row justify-between">
       <text>labels</text>
-      <text>{{ JSON.stringify(props.labels) }}</text>
+      <text id="prop-labels">{{ JSON.stringify(props.labels) }}</text>
     </view>
   </view>
 </template>
diff --git a/pages/component-instance/props/props.test.js b/pages/component-instance/props/props.test.js
index a9fd18c5a5f32c4ad9a66ab42475bb3dea0f4ceb..7e453ecc8315ffe008194d8efe5f22c3a7e488de 100644
--- a/pages/component-instance/props/props.test.js
+++ b/pages/component-instance/props/props.test.js
@@ -36,6 +36,11 @@ describe('props', () => {
     
     const sameNamePropDefaultValueArr = await page.$('#same-name-prop-default-value-arr')
     expect(await sameNamePropDefaultValueArr.text()).toBe('[1,2,3]')
+
+    const propMsg = await page.$('#prop-msg')
+    expect(await propMsg.text()).toBe('hello')
+    const propLabels = await page.$('#prop-labels')
+    expect(await propLabels.text()).toBe('["a","b"]')
   }
 
   it('props 选项式 API', async () => {