新增setup非响应式数据绑定style测试例 #16699

pages/directive/v-bind/v-bind-composition.uvue

@@ -22,6 +22,13 @@
       <view>bind arr style</view>
       <view class="my-10">{{ dataInfo.backgroundColor }}</view>
       <view>{{ dataInfo.border }}</view>
+    </view>
+    <view class="mb-10 p-10">
+        <text id="bind-raw-object-style" :style="rawObjectStyle">rawObjectStyle</text>
+    </view>
+    <!-- 目前仅android平台在内部重新调用了normalizeStyle，其他端暂时没有，这应该是vue的bug -->
+    <view class="mb-10 p-10">
+        <text id="bind-raw-array-style" :style="rawArrayStyle">rawArrayStyle</text>
     </view>
 
     <!-- v-bind props -->
@@ -82,7 +89,23 @@
   const fooProps = reactive({
       title: 'foo title(json)',
       num: 2,
-  })
+  })
+  
+  const rawObjectStyle = {
+      width: '100%',
+      height: '30px',
+      'background-color': 'red'
+  }
+  
+  const rawArrayStyle = [
+      {
+        width: '100%',
+        height: '30px'
+      },
+      {
+        'background-color': 'red'
+      }
+  ]
 
   defineExpose({
     dataInfo

pages/directive/v-bind/v-bind-options.uvue

@@ -18,6 +18,12 @@
       <view>bind arr style</view>
       <view class="my-10">{{ dataInfo.backgroundColor }}</view>
       <view>{{ dataInfo.border }}</view>
+    </view>
+    <view class="mb-10 p-10">
+        <text id="bind-raw-object-style" :style="rawObjectStyle">rawObjectStyle</text>
+    </view>
+    <view class="mb-10 p-10">
+        <text id="bind-raw-array-style" :style="rawArrayStyle">rawArrayStyle</text>
     </view>
 
     <!-- v-bind props -->
@@ -85,7 +91,21 @@
         fooProps:{
             title: 'foo title(json)',
             num: 2,
-        }
+        },
+        rawObjectStyle: {
+            width: '100%',
+            height: '30px',
+            'background-color': 'red'
+        },
+        rawArrayStyle: [
+            {
+              width: '100%',
+              height: '30px'
+            },
+            {
+              'background-color': 'red'
+            }
+        ]
       }
     }
   }

pages/directive/v-bind/v-bind.test.js

@@ -66,7 +66,11 @@ describe('v-bind', () => {
       const vBindCss = await page.$('.v-bind-css')
       expect(await vBindCss.style('backgroundColor')).toBe('rgb(255, 0, 0)')
       expect(await vBindCss.style('height')).toBe('150px')
-    }
+    }
+    const bindRawObjectStyle = await page.$('#bind-raw-object-style')
+    expect(await bindRawObjectStyle.text()).toBe("rawObjectStyle")
+    const bindRawArrayStyle = await page.$('#bind-raw-array-style')
+    expect(await bindRawArrayStyle.text()).toBe("rawArrayStyle")
   }
 
   it('v-bind options API', async () => {