test: 增加动态修改下拉刷新并触发下拉刷新的测试例

pages.json

@@ -365,6 +365,13 @@
         "enablePullDownRefresh": true
       }
     },
+    {
+      "path": "pages/API/get-current-pages/set-page-style-disable-pull-down-refresh",
+      "style": {
+        "navigationBarTitleText": "setPageStyle pull default false",
+        "enablePullDownRefresh": false
+      }
+    },
     {
       "path": "pages/API/get-launch-options-sync/get-launch-options-sync",
       "style": {

pages/API/get-current-pages/get-current-pages.test.js

@@ -40,5 +40,18 @@ describe('getCurrentPages', () => {
     await page.waitFor(200)
     const isEnablePullDownRefresh2 = (await page.data()).currentPageStyle.enablePullDownRefresh
     expect(isEnablePullDownRefresh2).toBe(false)
+
+    await page.callMethod('startPullDownRefresh')
+    await page.waitFor(500)
+    const image2 = await program.screenshot({fullPage: true});
+    expect(image2).toSaveImageSnapshot();
+
+    await page.waitFor(3500)
+    await page.callMethod('setPageStyle', true)
+    await page.waitFor(200)
+    await page.callMethod('startPullDownRefresh')
+    await page.waitFor(500)
+    const image3 = await program.screenshot({fullPage: true});
+    expect(image3).toSaveImageSnapshot();
   })
 })

pages/API/get-current-pages/get-current-pages.uvue

@@ -76,6 +76,9 @@
         });
         this.enablePullDownRefreshStatus = enable
       },
+      startPullDownRefresh() {
+        uni.startPullDownRefresh()
+      }
       // getCurrentPage(): Page {
       //   const pages = getCurrentPages();
       //   const currentPage = pages[pages.length - 1];

pages/API/get-current-pages/set-page-style-disable-pull-down-refresh.test.js

+const PAGE_PATH = '/pages/API/get-current-pages/set-page-style-disable-pull-down-refresh'
+
+describe('getCurrentPages', () => {
+  let page
+  it('page-style', async () => {
+    page = await program.navigateTo(PAGE_PATH)
+
+    await page.callMethod('getPageStyle')
+    await page.waitFor(200)
+    const isEnablePullDownRefresh1 = (await page.data()).currentPageStyle.enablePullDownRefresh
+    expect(isEnablePullDownRefresh1).toBe(false)
+
+    await page.callMethod('setPageStyle', true)
+    await page.waitFor(200)
+    await page.callMethod('getPageStyle')
+    await page.waitFor(200)
+    const isEnablePullDownRefresh2 = (await page.data()).currentPageStyle.enablePullDownRefresh
+    expect(isEnablePullDownRefresh2).toBe(true)
+    await page.callMethod('startPullDownRefresh')
+    await page.waitFor(500)
+    const image3 = await program.screenshot({fullPage: true});
+    expect(image3).toSaveImageSnapshot();
+
+    await page.waitFor(3500)
+
+    // setPageStyle
+    await page.callMethod('setPageStyle', false)
+    await page.waitFor(200)
+    await page.callMethod('startPullDownRefresh')
+    await page.waitFor(500)
+    const image2 = await program.screenshot({fullPage: true});
+    expect(image2).toSaveImageSnapshot();
+
+  })
+})

pages/API/get-current-pages/set-page-style-disable-pull-down-refresh.uvue

+<template>
+  <page-head title="getCurrentPages"></page-head>
+  <view class="uni-padding-wrap">
+    <button class="btn btn-get-page-style" type="default" @click="getPageStyle">getPageStyle</button>
+    <button class="btn btn-set-page-style-1" type="default" @click="setPageStyle(true)">setPageStyle(true)</button>
+    <button class="btn btn-set-page-style-0" type="default" @click="setPageStyle(false)">setPageStyle(false)</button>
+    <text class="page-style">当前 PageStyle</text>
+    <text class="page-style-value">{{pageStyleText}}</text>
+    <text class="status">状态：</text>
+    <view class="status-list">
+      <text>enablePullDownRefresh: {{enablePullDownRefreshStatus}}</text>
+    </view>
+    <text class="tips">当前版本仅支持设置属性 enablePullDownRefresh</text>
+  </view>
+</template>
+
+<script>
+  class Page {
+    constructor(public route : string) {
+    }
+  }
+
+  export default {
+    data() {
+      return {
+        checked: false,
+        pages: [] as Page[],
+        currentPageStyle: {} as UTSJSONObject,
+        // TODO
+        enablePullDownRefreshStatus: true
+      }
+    },
+    computed: {
+      pageStyleText() : string {
+        return JSON.stringify(this.currentPageStyle)
+      }
+    },
+    onPullDownRefresh() {
+      setTimeout(() => {
+        uni.stopPullDownRefresh()
+      }, 3000)
+    },
+    methods: {
+      getPageStyle() {
+        const pages = getCurrentPages();
+        const currentPage = pages[pages.length - 1];
+        this.currentPageStyle = currentPage.$getPageStyle();
+      },
+      setPageStyle(enable : boolean) {
+        // 目前仅支持 enablePullDownRefresh
+        const pages = getCurrentPages();
+        const currentPage = pages[pages.length - 1];
+        currentPage.$setPageStyle({
+          enablePullDownRefresh: enable
+        });
+        this.enablePullDownRefreshStatus = enable
+      },
+      startPullDownRefresh() {
+        uni.startPullDownRefresh()
+      }
+    },
+  }
+</script>
+
+
+<style>
+  .btn {
+    margin-top: 10px;
+  }
+
+  .page-style {
+    margin-top: 15px;
+  }
+
+  .page-style-value {
+    margin-top: 5px;
+    padding: 5px;
+    background-color: #fff;
+    width: 100%;
+  }
+
+  .status {
+    margin-top: 20px;
+  }
+
+  .status-list {
+    margin-top: 5px;
+  }
+
+  .tips {
+    font-size: 12px;
+    margin-top: 15px;
+    opacity: .8;
+  }
+</style>