test(v-on): 补充修饰符示例及测试

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

@@ -24,8 +24,13 @@
     <button class="mb-10 btn" v-on="{ click: handleClick }">
       v-on="{ click: handleClick }" 对象语法
     </button>
-    <!-- TODO 不支持修饰符 -->
-    <!-- <view class="mb-10 btn" v-on:click.once="handleClick">v-on:click.once="handleClick" 点击事件将最多触发一次</view> -->
+    <!-- TODO: ios 不支持 -->
+    <!-- #ifndef APP-IOS -->
+    <button class="mb-10 btn" id="btn-once" @click.once="handleClick">@click once</button>
+    <!-- #endif -->
+    <view @click="handleClick">
+      <button class="mb-10 btn" id="btn-stop" @click.stop="handleClick">@click stop</button>
+    </view>
   </view>
 </template>
 

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

@@ -22,8 +22,13 @@
     <button class="mb-10 btn" v-on="{ click: handleClick }">
       v-on="{ click: handleClick }" 对象语法
     </button>
-    <!-- TODO 不支持修饰符 -->
-    <!-- <view class="mb-10 btn" v-on:click.once="handleClick">v-on:click.once="handleClick" 点击事件将最多触发一次</view> -->
+    <!-- TODO: ios 不支持 -->
+    <!-- #ifndef APP-IOS -->
+    <button class="mb-10 btn" id="btn-once" @click.once="handleClick">@click once</button>
+    <!-- #endif -->
+    <view @click="handleClick">
+      <button class="mb-10 btn" id="btn-stop" @click.stop="handleClick">@click stop</button>
+    </view>
   </view>
 </template>
 

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

@@ -3,26 +3,34 @@ const COMPOSITION_PAGE_PATH = '/pages/directive/v-on/v-on-composition'
 
 describe('v-on', () => {
   let page
-  
+  const platformInfo = process.env.uniTestPlatformInfo.toLowerCase()
+  const isIos = platformInfo.startsWith('ios')
+
   const test = async (pagePath) => {
     page = await program.reLaunch(pagePath)
     await page.waitFor('view')
-    
+
     const count = await page.$('#count')
     expect(await count.text()).toBe('0')
-    
+
     const btnList = await page.$$('.btn')
     for (let i = 0; i < btnList.length; i++) {
       await btnList[i].tap()
     }
-    
-    expect(await count.text()).toBe('6')
+
+    expect(await count.text()).toBe(isIos ? '7' : '8')
+
+    if (!isIos) {
+      const onceBtn = await page.$('#btn-once')
+      await onceBtn.tap()
+      expect(await count.text()).toBe('8')
+    }
   }
-  
+
   it('v-on options API', async () => {
     await test(OPTIONS_PAGE_PATH)
   })
-  
+
   it('v-on composition API', async () => {
     await test(COMPOSITION_PAGE_PATH)
   })