v-show: add screenshot test

pages/v-show/v-show.test.js

@@ -7,28 +7,30 @@ describe('v-show', () => {
     await page.waitFor(500)
   })
   it('style::display', async () => {
-    const element = await page.$('.hello')
+    const element = await page.$('.v-show-content')
     expect(await element.style('display')).toBe('flex')
 
-    const toggle = await page.$('.toggle')
+    const toggle = await page.$('.btn-toggle')
     await toggle.tap()
     expect(await element.style('display')).toBe('none')
     await toggle.tap()
     expect(await element.style('display')).toBe('flex')
   })
   it('screenshot', async () => {
-    const toggle = await page.$('.toggle')
+    const toggle = await page.$('.btn-toggle')
     const element = await page.$('.hello')
 
-    await program.screenshot({
-      path: "static/v-show/screenshot-show1.png"
-    })
+    const image1 = await program.screenshot()
+    expect(image1).toMatchSnapshot()
 
     await toggle.tap()
+    await page.waitFor(20)
+    const image2 = await program.screenshot()
+    expect(image2).toMatchSnapshot()
 
     await toggle.tap()
-    await program.screenshot({
-      path: "static/v-show/screenshot-show2.png"
-    })
+    await page.waitFor(20)
+    const image3 = await program.screenshot()
+    expect(image3).toMatchSnapshot()
   })
 })
\ No newline at end of file

pages/v-show/v-show.uvue

 <template>
   <view class="page">
     <view class="split-title">button:click</view>
-    <button class="toggle" @click="onShowOrHide">show/hide</button>
-    <view class="hello" v-show="show">hello</view>
+    <button class="btn-show" @click="onClickShow">show</button>
+    <button class="btn-hide" @click="onClickHide">hide</button>
+    <button class="btn-toggle" @click="onClickShowOrHide">show/hide</button>
+    <view class="v-show-content" v-show="show">hello-v-show</view>
   </view>
 </template>
 
@@ -14,7 +16,13 @@
       }
     },
     methods: {
-      onShowOrHide() {
+      onClickShow() {
+        this.show = true
+      },
+      onClickHide() {
+        this.show = false
+      },
+      onClickShowOrHide() {
         this.show = !this.show
       }
     }
@@ -22,4 +30,4 @@
 </script>
 
 <style>
-</style>
+</style>
\ No newline at end of file

pages/v-slot/counter.uvue

 <template>
   <view>
-    <slot :loading="loading" :error="errorMessage" />
+    <slot :loading="loading" :error="message" />
   </view>
 </template>
 
@@ -15,8 +15,7 @@
     data() {
       return {
         loading: false,
-        hasMore: false,
-        errorMessage: ''
+        message: ''
       }
     },
     created() {