新增swiper事件自动化测试例

pages/component/swiper/swiper.test.js

-jest.setTimeout(20000);
+jest.setTimeout(30000);
 
 function getData(key = '') {
   return new Promise(async (resolve, reject) => {
@@ -74,4 +74,61 @@ describe('test swiper', () => {
     expect(await getData('currentValChange')).toEqual(0)
   });
 
+  it('Trigger Event', async () => {
+    await page.setData({
+      swiperChangeSelect: true,
+      swiperTransitionSelect: true,
+      swiperAnimationfinishSelect: true,
+      autoplaySelect:true
+    })
+    await page.waitFor(2000)
+    console.log('currentValChange',await getData('currentValChange'))
+    if(await getData('currentValChange') == 1){
+      await page.setData({
+        autoplaySelect:false
+      })
+    }
+  });
+
+  it('Event change-transitiont-animationfinish', async () => {
+    const webResult = {
+      current: 1,
+      currentItemId: 'B',//web端多了currentItemId
+      source: 'autoplay' ,
+    }
+    const appResult = {
+      current: 1,
+      source: 'autoplay' ,
+    }
+    const changeInfo = await page.data('swiperChangeEventTest')
+    // console.log('change',changeInfo)
+    expect(changeInfo.type).toBe('change')
+    if(process.env.uniTestPlatformInfo.startsWith('web')){
+      expect(changeInfo.detail).toEqual(webResult)
+    }else{
+      expect(changeInfo.detail).toEqual(appResult)
+    }
+    expect(changeInfo.currentTarget).not.toBeFalsy();
+    expect(changeInfo.target).not.toBeFalsy();
+
+    const transitionInfo = await page.data('swiperTransitionTest')
+    // console.log('transitiont',transitionInfo,detail)
+    expect(transitionInfo.type).toBe('transition')
+    expect(transitionInfo.detail.dy).toBe(0)
+    expect(transitionInfo.detail.dx).toBeGreaterThan(0)
+    expect(transitionInfo.currentTarget).not.toBeFalsy();
+    expect(transitionInfo.target).not.toBeFalsy();
+    await page.waitFor(1000)
+    // bug：在android端第一次触发@animationfinish 得到detail中的source为空，第二次触发时正常得到source: 'autoplay'
+    const animationfinishInfo = await page.data('swiperAnimationfinishTest')
+    // console.log('animationfinish',animationfinishInfo.detail)
+    expect(animationfinishInfo.type).toBe('animationfinish')
+    if(process.env.uniTestPlatformInfo.startsWith('web')){
+      expect(animationfinishInfo.detail).toEqual(webResult)
+    }else if(!process.env.uniTestPlatformInfo.startsWith('android')){
+      expect(animationfinishInfo.detail).toEqual(appResult)
+    }
+    expect(animationfinishInfo.currentTarget).not.toBeFalsy();
+    expect(animationfinishInfo.target).not.toBeFalsy();
+  });
 });

pages/component/swiper/swiper.uvue

@@ -110,12 +110,17 @@
         swiperTransitionSelect: false,
         swiperAnimationfinishSelect: false,
         swiperChangeSelect: false,
-        currentValChange: 0
+        currentValChange: 0,
+        // 自动化测试
+        swiperChangeEventTest:null as SwiperChangeEvent | null,
+        swiperTransitionTest:null as SwiperTransitionEvent | null,
+        swiperAnimationfinishTest:null as SwiperAnimationFinishEvent | null
       }
     },
     methods: {
 
       swiperChange: function (e : SwiperChangeEvent) {
+        this.swiperChangeEventTest = e
         this.currentValChange = e.detail.current
         console.log(this.currentValChange)
         if (this.swiperChangeSelect) {
@@ -124,12 +129,14 @@
         }
       },
       swiperTransition: function (e : SwiperTransitionEvent) {
+        this.swiperTransitionTest = e
         if (this.swiperTransitionSelect) {
           console.log("swiperTransition")
           console.log(e)
         }
       },
       swiperAnimationfinish: function (e : SwiperAnimationFinishEvent) {
+        this.swiperAnimationfinishTest = e
         if (this.swiperAnimationfinishSelect) {
           console.log("swiperAnimationfinish")
           console.log(e)