test(v-bind): 增加 css v-bind rpx测试

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

@@ -54,6 +54,7 @@ type DataInfo = {
   border : string
   fooProps : FooProps
   vBindClassBackgroundColor : string,
+  vBindClassRpxHeight : string,
 }
 
 const dataInfo = reactive({
@@ -68,6 +69,7 @@ const dataInfo = reactive({
     }
   },
   vBindClassBackgroundColor: 'red',
+  vBindClassRpxHeight: '300rpx'
 } as DataInfo)
 
 defineExpose({
@@ -79,7 +81,7 @@ defineExpose({
 /* #ifdef WEB */
 .v-bind-css {
   background-color: v-bind(dataInfo.vBindClassBackgroundColor);
-  height: 20px;
+  height: v-bind(dataInfo.vBindClassRpxHeight);
 }
 /* #endif */
 </style>

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

@@ -44,6 +44,7 @@ type DataInfo = {
   border: string
   fooProps: FooProps
   vBindClassBackgroundColor: string
+  vBindClassRpxHeight: string
 }
 
 export default {
@@ -61,7 +62,8 @@ export default {
             name: 'foo obj name'
           }
         },
-        vBindClassBackgroundColor: 'red'
+        vBindClassBackgroundColor: 'red',
+        vBindClassRpxHeight: '300rpx'
       } as DataInfo
     }
   }
@@ -72,7 +74,7 @@ export default {
 /* #ifdef WEB */
 .v-bind-css {
   background-color: v-bind(dataInfo.vBindClassBackgroundColor);
-  height: 20px;
+  height: v-bind(dataInfo.vBindClassRpxHeight);
 }
 /* #endif */
 </style>

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

@@ -4,7 +4,6 @@ const COMPOSITION_PAGE_PATH = '/pages/directive/v-bind/v-bind-composition'
 describe('v-bind', () => {
   let page
   const platformInfo = process.env.uniTestPlatformInfo.toLocaleLowerCase()
-  const isIos = platformInfo.startsWith('ios')
   const isWeb = platformInfo.startsWith('web')
   const isFirefox = platformInfo.indexOf('firefox') > -1
 
@@ -50,6 +49,7 @@ describe('v-bind', () => {
     if (isWeb) {
       const vBindCss = await page.$('.v-bind-css')
       expect(await vBindCss.style('backgroundColor')).toBe('rgb(255, 0, 0)')
+      expect(await vBindCss.style('height')).toBe('150px')
     }
   }