From 2c4b8fd2b82e458e73ace21c7393f5475032e53e Mon Sep 17 00:00:00 2001
From: zhenyuWang <13641039885@163.com>
Date: Tue, 30 Jan 2024 16:43:39 +0800
Subject: [PATCH] =?UTF-8?q?feat(list-view):=20=E8=A1=A5=E5=85=85=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=95=E4=BE=8B=20#388?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                                    |  6 +++
 .../component/list-view/ListViewWrapper.uvue  |  5 ++
 .../list-view-children-in-slot.test.js        | 50 +++++++++++++++++++
 .../list-view/list-view-children-in-slot.uvue | 41 +++++++++++++++
 pages/component/list-view/list-view.uvue      |  5 ++
 5 files changed, 107 insertions(+)
 create mode 100644 pages/component/list-view/ListViewWrapper.uvue
 create mode 100644 pages/component/list-view/list-view-children-in-slot.test.js
 create mode 100644 pages/component/list-view/list-view-children-in-slot.uvue

diff --git a/pages.json b/pages.json
index dc556872..1c8e8577 100644
--- a/pages.json
+++ b/pages.json
@@ -69,6 +69,12 @@
         "navigationBarTitleText": "list-view-multiplex-video"
       }
     },
+    {
+      "path": "pages/component/list-view/list-view-children-in-slot",
+      "style": {
+        "navigationBarTitleText": "list-view-children-in-slot"
+      }
+    },
     {
       "path": "pages/component/sticky-section/sticky-section",
       "style": {
diff --git a/pages/component/list-view/ListViewWrapper.uvue b/pages/component/list-view/ListViewWrapper.uvue
new file mode 100644
index 00000000..d7db7530
--- /dev/null
+++ b/pages/component/list-view/ListViewWrapper.uvue
@@ -0,0 +1,5 @@
+<template>
+  <list-view>
+    <slot></slot>
+  </list-view>
+</template>
diff --git a/pages/component/list-view/list-view-children-in-slot.test.js b/pages/component/list-view/list-view-children-in-slot.test.js
new file mode 100644
index 00000000..f69d3894
--- /dev/null
+++ b/pages/component/list-view/list-view-children-in-slot.test.js
@@ -0,0 +1,50 @@
+describe('list-view-children-in-slot', () => {
+  if (process.env.uniTestPlatformInfo.startsWith('web')) {
+    it('dummyTest', async () => {
+      expect(1).toBe(1)
+    })
+    return
+  }
+  let page
+  beforeAll(async () => {
+    page = await program.reLaunch('/pages/component/list-view/list-view-children-in-slot')
+    await page.waitFor('list-view')
+  })
+
+  it('basic', async () => {
+    let listItems = await page.$$('list-item')
+    expect(listItems.length).toBe(3)
+
+    let texts = await page.$$('.text-in-list-item')
+    for(let i = 0;i<texts.length;i++){
+      expect(await texts[i].text()).toBe(`${i}`)
+    }
+
+    const addBtn = await page.$('#add-btn')
+    await addBtn.tap()
+
+    listItems = await page.$$('list-item')
+    expect(listItems.length).toBe(4)
+
+    texts = await page.$$('.text-in-list-item')
+    for(let i = 0;i<texts.length;i++){
+      expect(await texts[i].text()).toBe(`${i}`)
+    }
+
+    const emptyBtn = await page.$('#empty-btn')
+    await emptyBtn.tap()
+
+    listItems = await page.$$('list-item')
+    expect(listItems.length).toBe(0)
+
+    await addBtn.tap()
+
+    listItems = await page.$$('list-item')
+    expect(listItems.length).toBe(1)
+
+    texts = await page.$$('.text-in-list-item')
+    for(let i = 0;i<texts.length;i++){
+      expect(await texts[i].text()).toBe(`${i}`)
+    }
+  })
+})
diff --git a/pages/component/list-view/list-view-children-in-slot.uvue b/pages/component/list-view/list-view-children-in-slot.uvue
new file mode 100644
index 00000000..922f0f24
--- /dev/null
+++ b/pages/component/list-view/list-view-children-in-slot.uvue
@@ -0,0 +1,41 @@
+<template>
+  <!-- #ifdef APP -->
+  <scroll-view style="flex:1;padding-bottom: 20px;">
+  <!-- #endif -->
+    <view>
+      <page-head title="getApp"></page-head>
+      <view class="uni-padding-wrap">
+        <list-view-wrapper>
+          <list-item v-for="item in list" :key="item">
+            <text class="text-in-list-item">{{item}}</text>
+          </list-item>
+        </list-view-wrapper>
+        <button id="add-btn" class="uni-common-mt" @click="addItem">add item</button>
+        <button id="empty-btn" class="uni-common-mt" @click="emptyList">empty list</button>
+      </view>
+    </view>
+  <!-- #ifdef APP -->
+  </scroll-view>
+  <!-- #endif -->
+</template>
+
+<script>
+  import ListViewWrapper from './ListViewWrapper.uvue'
+
+  export default {
+    components: { ListViewWrapper },
+    data() {
+      return {
+        list: [0, 1, 2]
+      }
+    },
+    methods: {
+      addItem(){
+        this.list.push(this.list.length)
+      },
+      emptyList(){
+        this.list = []
+      }
+    }
+  }
+</script>
diff --git a/pages/component/list-view/list-view.uvue b/pages/component/list-view/list-view.uvue
index 8bc01caa..6e0ca02c 100644
--- a/pages/component/list-view/list-view.uvue
+++ b/pages/component/list-view/list-view.uvue
@@ -198,6 +198,11 @@
           list-view 复用测试（item中嵌入video）
         </button>
       </navigator>
+      <navigator url="/pages/component/list-view/list-view-children-in-slot" hover-class="none">
+        <button type="primary" class="button">
+          list-view 测试插槽中子组件增删
+        </button>
+      </navigator>
     </view>
   </scroll-view>
 </template>
-- 
GitLab