From 0badb02bf639fd17ee79b497a8f5fe8314b24649 Mon Sep 17 00:00:00 2001
From: hdx <hdx@dcloud.io>
Date: Mon, 3 Jul 2023 17:41:50 +0800
Subject: [PATCH] feat: add test files(v-if v-slot v-once)

---
 pages/directive/v-if/v-if.test.js     | 21 ++++++++++++++++-----
 pages/directive/v-if/v-if.uvue        |  2 +-
 pages/directive/v-once/v-once.test.js |  7 ++++++-
 pages/directive/v-once/v-once.uvue    | 11 +++++++++--
 pages/directive/v-slot/counter.uvue   |  3 ++-
 pages/directive/v-slot/v-slot.test.js |  4 +++-
 pages/directive/v-slot/v-slot.uvue    | 12 +++++-------
 pages/index.uvue                      |  2 +-
 8 files changed, 43 insertions(+), 19 deletions(-)

diff --git a/pages/directive/v-if/v-if.test.js b/pages/directive/v-if/v-if.test.js
index e6ac5fd..c259b7e 100644
--- a/pages/directive/v-if/v-if.test.js
+++ b/pages/directive/v-if/v-if.test.js
@@ -6,9 +6,20 @@ describe('v-if', () => {
     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('show-hide-switch', async () => {
+    const btn_view = await page.$('.view-click')
+
+    const elements1 = await page.$$('.hello')
+    expect(elements1.length).toBe(1)
+
+    await btn_view.tap()
+    await page.waitFor(50)
+    const elements2 = await page.$$('.hello')
+    expect(elements2.length).toBe(0)
+
+    await btn_view.tap()
+    await page.waitFor(50)
+    const elements3 = await page.$$('.hello')
+    expect(elements3.length).toBe(1)
   })
-})
+})
\ No newline at end of file
diff --git a/pages/directive/v-if/v-if.uvue b/pages/directive/v-if/v-if.uvue
index 16e1240..206e72a 100644
--- a/pages/directive/v-if/v-if.uvue
+++ b/pages/directive/v-if/v-if.uvue
@@ -1,7 +1,7 @@
 <template>
   <view class="page">
     <view class="split-title">v-if</view>
-    <button @click="onShowOrHide">show/hide</button>
+    <view class="view-click" @click="onShowOrHide">show/hide</view>
     <view class="hello" v-if="show">hello</view>
   </view>
 </template>
diff --git a/pages/directive/v-once/v-once.test.js b/pages/directive/v-once/v-once.test.js
index 4330c01..0725d4a 100644
--- a/pages/directive/v-once/v-once.test.js
+++ b/pages/directive/v-once/v-once.test.js
@@ -6,6 +6,11 @@ describe('v-once', () => {
     page = await program.reLaunch(PAGE_PATH)
     await page.waitFor(500)
   })
-  it('list-items-3', async () => {
+  it('change-message', async () => {
+    const btn_change = await page.$('.view-click')
+    const messageText = await page.$('.v-once-message')
+
+    await btn_change.tap()
+    expect(await messageText.text()).toBe('message')
   })
 })
diff --git a/pages/directive/v-once/v-once.uvue b/pages/directive/v-once/v-once.uvue
index 43bb969..dfbd92d 100644
--- a/pages/directive/v-once/v-once.uvue
+++ b/pages/directive/v-once/v-once.uvue
@@ -1,7 +1,11 @@
 <template>
   <view class="page">
     <view class="split-title">v-once</view>
-    <view class="v-once" v-once>This will never change: {{msg}}</view>
+    <view>
+      <text class="v-once">This will never change:</text>
+      <text class="v-once-message" v-once>{{message}}</text>
+    </view>
+    <view class="view-click" @click="changeMessage">Change message</view>
   </view>
 </template>
 
@@ -9,10 +13,13 @@
   export default {
     data() {
       return {
-        msg: ''
+        message: 'message'
       }
     },
     methods: {
+      changeMessage() {
+        this.message = Date.now().toString()
+      }
     }
   }
 </script>
diff --git a/pages/directive/v-slot/counter.uvue b/pages/directive/v-slot/counter.uvue
index 086075c..e964944 100644
--- a/pages/directive/v-slot/counter.uvue
+++ b/pages/directive/v-slot/counter.uvue
@@ -1,6 +1,7 @@
 <template>
   <view>
-    <slot :loading="loading" :error="message" />
+    <slot />
+    <!-- <slot :loading="loading" :error="message" /> -->
   </view>
 </template>
 
diff --git a/pages/directive/v-slot/v-slot.test.js b/pages/directive/v-slot/v-slot.test.js
index d7ffd23..93ce35c 100644
--- a/pages/directive/v-slot/v-slot.test.js
+++ b/pages/directive/v-slot/v-slot.test.js
@@ -6,6 +6,8 @@ describe('v-slot', () => {
     page = await program.reLaunch(PAGE_PATH)
     await page.waitFor(500)
   })
-  it('list-items-3', async () => {
+  it('default', async () => {
+    const defaultText = await page.$('.default')
+    expect(await defaultText.text()).toBe('loading')
   })
 })
diff --git a/pages/directive/v-slot/v-slot.uvue b/pages/directive/v-slot/v-slot.uvue
index 6e81a22..ec6fa7f 100644
--- a/pages/directive/v-slot/v-slot.uvue
+++ b/pages/directive/v-slot/v-slot.uvue
@@ -1,18 +1,16 @@
 <template>
   <view class="page">
     <view class="split-title">v-slot</view>
-    <!-- <counter v-slot:default="options">
-      {{options['loading']}}
-    </counter> -->
+    <counter class="default" v-slot:default>loading</counter>
   </view>
 </template>
 
 <script lang="ts">
-  // import counter from "./counter.uvue"
+  import counter from "./counter.uvue"
   export default {
-    // components: {
-    //   counter
-    // },
+    components: {
+      counter
+    },
     data() {
       return {
       }
diff --git a/pages/index.uvue b/pages/index.uvue
index 560d9a7..bed00a6 100644
--- a/pages/index.uvue
+++ b/pages/index.uvue
@@ -118,7 +118,7 @@
               {
                 name: 'v-once',
                 url: 'v-once',
-                enable: true
+                enable: false
               },
               {
                 name: 'v-memo',
-- 
GitLab