From b496f0a3b8e3c9e67bebc559f014bbcc31de0ced Mon Sep 17 00:00:00 2001
From: hdx <hdx@dcloud.io>
Date: Wed, 28 Jun 2023 18:14:23 +0800
Subject: [PATCH] feat: v-show:: style screenshot

---
 pages/v-show/v-show.test.js | 34 +++++++++++++++++++++++++++-------
 pages/v-show/v-show.uvue    |  6 +++---
 2 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/pages/v-show/v-show.test.js b/pages/v-show/v-show.test.js
index ee5b59e..377dbd2 100644
--- a/pages/v-show/v-show.test.js
+++ b/pages/v-show/v-show.test.js
@@ -1,14 +1,34 @@
-const PAGE_PATH = '/pages/v-slot/v-slot'
+const PAGE_PATH = '/pages/v-show/v-show'
 
-describe('v-slot', () => {
+describe('v-show', () => {
   let page
   beforeAll(async () => {
     page = await program.reLaunch(PAGE_PATH)
     await page.waitFor(500)
   })
-  it('list-items-3', async () => {
-    const length = 3;
-    const elements = await page.$$('.list-item')
-    expect(elements.length).toBe(length)
+  it('style::display', async () => {
+    const element = await page.$('.hello')
+    expect(await element.style('display')).toBe('flex')
+
+    const toggle = await page.$('.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 element = await page.$('.hello')
+
+    await program.screenshot({
+      path: "static/v-show/screenshot-show1.png"
+    })
+
+    await toggle.tap()
+
+    await toggle.tap()
+    await program.screenshot({
+      path: "static/v-show/screenshot-show2.png"
+    })
   })
-})
+})
\ No newline at end of file
diff --git a/pages/v-show/v-show.uvue b/pages/v-show/v-show.uvue
index 70bf37c..cb75b89 100644
--- a/pages/v-show/v-show.uvue
+++ b/pages/v-show/v-show.uvue
@@ -1,8 +1,8 @@
 <template>
   <view class="page">
-    <view class="split-title">v-show</view>
-    <button @click="onShowOrHide">show/hide</button>
-    <view v-show="show">hello</view>
+    <view class="split-title">button:click</view>
+    <button class="toggle" @click="onShowOrHide">show/hide</button>
+    <view class="hello" v-show="show">hello</view>
   </view>
 </template>
 
-- 
GitLab