test(list-view): 补充边界测试

pages/component/list-view/ListViewWrapper.uvue

 <template>
   <list-view>
-    <slot></slot>
+    <list-item>start</list-item>
+    <slot name="default"></slot>
+    <list-item>middle</list-item>
+    <slot name="second"></slot>
+    <list-item>end</list-item>
   </list-view>
 </template>

pages/component/list-view/list-view-children-in-slot.test.js

@@ -13,38 +13,38 @@ describe('list-view-children-in-slot', () => {
 
   it('basic', async () => {
     let listItems = await page.$$('list-item')
-    expect(listItems.length).toBe(3)
+    expect(listItems.length).toBe(9)
 
     let texts = await page.$$('.text-in-list-item')
-    for(let i = 0;i<texts.length;i++){
-      expect(await texts[i].text()).toBe(`${i}`)
+    for (let i = 0; i < texts.length; i++) {
+      expect(await texts[i].text()).toBe(`${i > (texts.length / 2 - 1)? i - texts.length / 2 : i}`)
     }
 
     const addBtn = await page.$('#add-btn')
     await addBtn.tap()
 
     listItems = await page.$$('list-item')
-    expect(listItems.length).toBe(4)
+    expect(listItems.length).toBe(11)
 
     texts = await page.$$('.text-in-list-item')
-    for(let i = 0;i<texts.length;i++){
-      expect(await texts[i].text()).toBe(`${i}`)
+    for (let i = 0; i < texts.length; i++) {
+      expect(await texts[i].text()).toBe(`${i > (texts.length / 2 - 1)? i - texts.length / 2 : i}`)
     }
 
     const emptyBtn = await page.$('#empty-btn')
     await emptyBtn.tap()
 
     listItems = await page.$$('list-item')
-    expect(listItems.length).toBe(0)
+    expect(listItems.length).toBe(3)
 
     await addBtn.tap()
 
     listItems = await page.$$('list-item')
-    expect(listItems.length).toBe(1)
+    expect(listItems.length).toBe(5)
 
     texts = await page.$$('.text-in-list-item')
-    for(let i = 0;i<texts.length;i++){
-      expect(await texts[i].text()).toBe(`${i}`)
+    for (let i = 0; i < texts.length; i++) {
+      expect(await texts[i].text()).toBe(`0`)
     }
   })
 })

pages/component/list-view/list-view-children-in-slot.uvue

@@ -6,9 +6,16 @@
       <page-head title="getApp"></page-head>
       <view class="uni-padding-wrap">
         <list-view-wrapper>
+          <template #default>
             <list-item v-for="item in list" :key="item">
               <text class="text-in-list-item">{{item}}</text>
             </list-item>
+          </template>
+          <template #second>
+            <list-item v-for="item in list" :key="item">
+              <text class="text-in-list-item">{{item}}</text>
+            </list-item>
+          </template>
         </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>
@@ -30,10 +37,10 @@
       }
     },
     methods: {
-      addItem(){
+      addItem() {
         this.list.push(this.list.length)
       },
-      emptyList(){
+      emptyList() {
         this.list = []
       }
     }