From 4aeed860fed03b7905277f17dca6ab1b4e01462b Mon Sep 17 00:00:00 2001
From: shutao <shutao@dcloud.io>
Date: Wed, 15 Nov 2023 17:12:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=20list-view-multiplex.nvue?=
 =?UTF-8?q?=20=E6=B5=8B=E8=AF=95list-item=E9=83=A8=E5=88=86=E5=A4=8D?=
 =?UTF-8?q?=E7=94=A8=E5=9C=BA=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../list-view/list-view-multiplex.test.js     | 16 +++++++
 .../list-view/list-view-multiplex.uvue        | 42 +++++++++++++++++++
 pages/component/list-view/list-view.uvue      | 15 ++++++-
 3 files changed, 71 insertions(+), 2 deletions(-)
 create mode 100644 pages/component/list-view/list-view-multiplex.test.js
 create mode 100644 pages/component/list-view/list-view-multiplex.uvue

diff --git a/pages/component/list-view/list-view-multiplex.test.js b/pages/component/list-view/list-view-multiplex.test.js
new file mode 100644
index 00000000..77be035a
--- /dev/null
+++ b/pages/component/list-view/list-view-multiplex.test.js
@@ -0,0 +1,16 @@
+describe('component-native-list-view', () => {
+  let page
+  beforeAll(async () => {
+    //打开list-view-multiplex测试页
+    page = await program.reLaunch('/pages/component/list-view/list-view-multiplex')
+    await page.waitFor('list-view')
+  })
+
+  //滚动list-view到底部 加载更多 如果异常则直接闪退
+  it('check_list_item_multiplex', async () => {
+    await page.callMethod('listViewScrollByY', 5000)
+    await page.waitFor(400)
+    await page.callMethod('listViewScrollByY', 100)
+  })
+
+})
diff --git a/pages/component/list-view/list-view-multiplex.uvue b/pages/component/list-view/list-view-multiplex.uvue
new file mode 100644
index 00000000..09ace6b2
--- /dev/null
+++ b/pages/component/list-view/list-view-multiplex.uvue
@@ -0,0 +1,42 @@
+<template>
+	<list-view id="listview" style="flex: 1;" @scrolltolower="onScrollTolower">
+    <list-item v-for="index in item_count" class="item">
+      <text >item-------<text>{{index}}</text></text>
+    </list-item>
+  </list-view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				item_count: 20,
+        listViewElement: null as UniListViewElement|null
+			}
+		},
+    onReady() {
+      this.listViewElement = uni.getElementById<UniListViewElement>('listview')
+    },
+		methods: {
+      onScrollTolower(_: ScrollToLowerEvent) {
+        setTimeout(function(){
+          this.item_count += 20
+        }, 300)
+      },
+      //用于自动化测试
+      listViewScrollByY(y : number) {
+        this.listViewElement?.scrollBy(0, y)
+      }
+		}
+	}
+</script>
+
+<style>
+  .item {
+    padding: 15px;
+    margin: 5px 0;
+    background-color: #fff;
+    border-radius: 5px;
+  }
+
+</style>
diff --git a/pages/component/list-view/list-view.uvue b/pages/component/list-view/list-view.uvue
index 65277e68..aee6daaa 100644
--- a/pages/component/list-view/list-view.uvue
+++ b/pages/component/list-view/list-view.uvue
@@ -169,6 +169,13 @@
       <input-data defaultValue="#FFF" title="设置下拉刷新区域背景颜色" type="text"
         @confirm="confirm_refresher_background_input"></input-data>
       <enum-data :items="size_enum" title="通过id位置跳转" @change="item_change_size_enum"></enum-data>
+
+      
+      <navigator url="/pages/component/list-view/list-view-multiplex" hover-class="none">
+        <button type="primary" class="button default-button">
+          list-view 对list-item复用测试
+        </button>
+      </navigator>
     </view>
     <!-- #ifdef APP -->
   </scroll-view>
@@ -192,12 +199,12 @@
     align-items: center;
     justify-content: center;
   }
-  
+
   .tip-text {
   	color: #888;
   	font-size: 12px;
   }
-  
+
   .refresh-box {
     justify-content: center;
     align-items: center;
@@ -205,4 +212,8 @@
     height: 45px;
     width: 100%;
   }
+  
+  .button {
+  	margin-top: 30rpx;
+  }
 </style>
-- 
GitLab