补充list-view测试例

pages/component/list-view/list-view.test.js

+describe('component-native-list-view', () => {
+  let page
+  beforeAll(async () => {
+    //打开list-view测试页
+    page = await program.reLaunch('/pages/component/list-view/list-view')
+    await page.waitFor(600)
+  })
+
+  //检测竖向可滚动区域
+  it('check_scroll_height', async () => {
+    await page.callMethod('change_scroll_y_boolean', true)
+    await page.callMethod('change_scroll_x_boolean', false)
+    await page.waitFor(600)
+    const value = await page.callMethod('check_scroll_height')
+    expect(value).toBe(true)
+  })
+
+  //检测竖向scrolltop属性赋值
+  it('check_scroll_top', async () => {
+    await page.callMethod('confirm_scroll_top_input', 600)
+    await page.waitFor(600)
+    const listElement = await page.$('#listview')
+    const scrollTop = await listElement.attribute("scrollTop")
+    console.log("check_scroll_top---"+scrollTop)
+    expect(scrollTop-600).toBeGreaterThanOrEqual(0)
+  })
+
+  //检测竖向scroll_into_view属性赋值
+  it('check_scroll_into_view_top', async () => {
+    await page.callMethod('item_change_size_enum', 3)
+    await page.waitFor(600)
+    const listElement = await page.$('#listview')
+    const scrollTop = await listElement.attribute("scrollTop")
+    console.log("check_scroll_into_view_top--"+scrollTop)
+    await page.callMethod('item_change_size_enum', 0)
+    expect(scrollTop-690).toBeGreaterThanOrEqual(0)
+  })
+
+  //检测横向可滚动区域
+  it('check_scroll_width', async () => {
+    await page.callMethod('change_scroll_y_boolean', false)
+    await page.callMethod('change_scroll_x_boolean', true)
+    await page.waitFor(600)
+    const value = await page.callMethod('check_scroll_width')
+    expect(value).toBe(true)
+  })
+
+  //检测横向scrollLeft属性赋值
+  it('check_scroll_left', async () => {
+    await page.callMethod('confirm_scroll_left_input', 600)
+    await page.waitFor(600)
+    const listElement = await page.$('#listview')
+    const scrollLeft = await listElement.attribute("scrollLeft")
+    console.log("check_scroll_left---"+scrollLeft)
+    expect(scrollLeft-600).toBeGreaterThanOrEqual(0)
+  })
+
+  //检测横向scroll_into_view属性赋值
+  it('check_scroll_into_view_left', async () => {
+    await page.callMethod('item_change_size_enum', 3)
+    await page.waitFor(600)
+    const listElement = await page.$('#listview')
+    const scrollLeft = await listElement.attribute("scrollLeft")
+    console.log("check_scroll_into_view_left--"+scrollLeft)
+    await page.callMethod('item_change_size_enum', 0)
+    expect(scrollLeft-1080).toBeGreaterThanOrEqual(0)
+  })
+
+})

pages/component/list-view/list-view.uvue

@@ -67,7 +67,25 @@
       confirm_scroll_top_input(value : number) { this.scroll_top_input = value },
       confirm_scroll_left_input(value : number) { this.scroll_left_input = value },
       confirm_refresher_background_input(value : string) { this.refresher_background_input = value },
-      item_change_size_enum(index : number) { this.scrollIntoView = "item---"+index }
+      item_change_size_enum(index : number) { this.scrollIntoView = "item---"+index },
+      //自动化测试例专用
+      check_scroll_height(): Boolean {
+        var listElement = this.$refs["listview"] as Element
+        console.log("check_scroll_height--"+listElement.scrollHeight)
+        if(listElement.scrollHeight > 2000) {
+          return true
+        }
+        return false
+      },
+      //自动化测试例专用
+      check_scroll_width(): Boolean {
+        var listElement = this.$refs["listview"] as Element
+        console.log("check_scroll_width"+listElement.scrollWidth)
+        if(listElement.scrollWidth > 2000) {
+          return true
+        }
+        return false
+      }
     }
   }
 </script>
@@ -83,7 +101,7 @@
       @touchcancel="list_view_touchcancel" @touchend="list_view_touchend" @tap="list_view_tap"
       @longpress="list_view_longpress" @refresherpulling="list_view_refresherpulling"
       @refresherrefresh="list_view_refresherrefresh" @refresherrestore="list_view_refresherrestore"
-      @refresherabort="list_view_refresherabort" @scrolltoupper="list_view_scrolltoupper"
+      @refresherabort="list_view_refresherabort" @scrolltoupper="list_view_scrolltoupper" ref="listview" id="listview"
       @scrolltolower="list_view_scrolltolower" @scroll="list_view_scroll" style="width:100%;">
       <list-item
         v-for="key in scrollData" :key="key" :id="key" @click="list_item_click" @touchstart="list_item_touchstart"