feat(callMethod): 新增自动化测试

pages.json

@@ -193,21 +193,27 @@
       }
     },
     {
-      "path": "pages/component-instance/methods/call-uni-element-method",
+      "path": "pages/component-instance/methods/call-method-uni-element",
       "style": {
-        "navigationBarTitleText": "call-uni-element-method"
+        "navigationBarTitleText": "call-method-uni-element"
       }
     },
     {
-      "path": "pages/component-instance/methods/call-easycom-method",
+      "path": "pages/component-instance/methods/call-method-easycom",
       "style": {
-        "navigationBarTitleText": "call-easycom-method"
+        "navigationBarTitleText": "call-method-easycom"
       }
     },
     {
-      "path": "pages/component-instance/methods/call-other-method",
+      "path": "pages/component-instance/methods/call-method-easycom-uni-modules",
       "style": {
-        "navigationBarTitleText": "call-other-method"
+        "navigationBarTitleText": "call-method-easycom-uni-modules"
+      }
+    },
+    {
+      "path": "pages/component-instance/methods/call-method-other",
+      "style": {
+        "navigationBarTitleText": "call-method-other"
       }
     },
     {

pages/component-instance/methods/call-method-easycom-uni-modules.test.js

+const PAGE_PATH = '/pages/component-instance/methods/call-method-easycom-uni-modules'
+
+describe('call-method-easycom-uni-modules', () => {
+  let page
+  beforeAll(async () => {
+    page = await program.reLaunch(PAGE_PATH)
+    await page.waitFor(500)
+  })
+  it('callMethodTest', async () => {
+    const title = Date.now() + ''
+    const result = await page.callMethod('callMethodTest', title)
+    expect(result).toBe(title)
+  })
+})
\ No newline at end of file

pages/component-instance/methods/call-method-easycom-uni-modules.uvue

+<template>
+  <view>
+    <call-easy-method-uni-modules ref="callEasyMethod1"></call-easy-method-uni-modules>
+  </view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        $callEasyMethod1: null as CallEasyMethodUniModulesComponentPublicInstance | null
+      }
+    },
+    onReady() {
+      // 通过组件 ref 属性获取组件实例, 组件标签名首字母大写，驼峰+ComponentPublicInstance
+      this.$callEasyMethod1 = this.$refs['callEasyMethod1'] as CallEasyMethodUniModulesComponentPublicInstance;
+    },
+    methods: {
+      callMethod1() {
+        // 调用组件的 foo1 方法
+        this.$callEasyMethod1!.foo1();
+      },
+      callMethod2() {
+        // 调用组件的 foo2 方法并传递 1个参数
+        this.$callEasyMethod1!.foo2(Date.now());
+      },
+      callMethod3() {
+        // 调用组件的 foo3 方法并传递 2个参数
+        this.$callEasyMethod1!.foo3(Date.now(), Date.now());
+      },
+      callMethod4() {
+        // 调用组件的 foo4 方法并传递 callback
+        this.$callEasyMethod1!.foo4(() => {
+          console.log('callback')
+        });
+      },
+      callMethod5() {
+        // 注意： 返回值可能为 null，当前例子一定不为空，所以加了 !
+        const result = this.$callEasyMethod1!.foo5('string1')! as string;
+        console.log(result); // string1
+      },
+      callMethodTest(text: string): string | null {
+        const result = this.$callEasyMethod1!.foo5(text)! as string;
+        return result;
+      },
+    }
+  }
+</script>
\ No newline at end of file

pages/component-instance/methods/call-method-easycom.test.js

+const PAGE_PATH = '/pages/component-instance/methods/call-method-easycom'
+
+describe('call-method-easycom', () => {
+  let page
+  beforeAll(async () => {
+    page = await program.reLaunch(PAGE_PATH)
+    await page.waitFor(500)
+  })
+  it('callMethodTest', async () => {
+    const title = Date.now() + ''
+    const result = await page.callMethod('callMethodTest', title)
+    expect(result).toBe(title)
+  })
+})
\ No newline at end of file

pages/component-instance/methods/call-easycom-method.uvue → pages/component-instance/methods/call-method-easycom.uvue

@@ -39,6 +39,10 @@
         const result = this.$callEasyMethod1!.foo5('string1')! as string;
         console.log(result); // string1
       },
+      callMethodTest(text: string): string | null {
+        const result = this.$callEasyMethod1!.foo5(text)! as string;
+        return result;
+      },
     }
   }
 </script>
\ No newline at end of file

pages/component-instance/methods/call-method-other.test.js

+const PAGE_PATH = '/pages/component-instance/methods/call-method-other'
+
+describe('call-method-other', () => {
+  let page
+  beforeAll(async () => {
+    page = await program.reLaunch(PAGE_PATH)
+    await page.waitFor(500)
+  })
+  it('callMethodTest', async () => {
+    const title = Date.now() + ''
+    const result = await page.callMethod('callMethodTest', title)
+    expect(result).toBe(title)
+  })
+})
\ No newline at end of file

pages/component-instance/methods/call-other-method.uvue → pages/component-instance/methods/call-method-other.uvue

@@ -49,6 +49,10 @@
         const result = this.$component1!.$callMethod('foo5', 'string1')! as string;
         console.log(result); // string1
       },
+      callMethodTest(text: string): string | null {
+        const result = this.$component1!.$callMethod('foo5', text)! as string;
+        return result;
+      },
     }
   }
 </script>
\ No newline at end of file

pages/component-instance/methods/call-method-uni-element.test.js

+const PAGE_PATH = '/pages/component-instance/methods/call-method-uni-element'
+
+describe('call-method-uni-element', () => {
+  let page
+  beforeAll(async () => {
+    page = await program.reLaunch(PAGE_PATH)
+    await page.waitFor(500)
+  })
+  it('callMethodTest', async () => {
+    const title = Date.now() + ''
+    const result = await page.callMethod('callMethodTest', title)
+    expect(result).toBe(title)
+  })
+})
\ No newline at end of file

pages/component-instance/methods/call-uni-element-method.uvue → pages/component-instance/methods/call-method-uni-element.uvue

@@ -20,7 +20,12 @@
         // 设置组件的 value 属性
         this.$slider1!.value = 80;
         return true;
-      }
+      },
+      callMethodTest(text: string): string | null {
+        this.$slider1!.setAttribute('value', text);
+        const result = this.$slider1!.getAttribute('value')! as string;
+        return result;
+      },
     }
   }
 </script>
\ No newline at end of file

pages/index.uvue

@@ -288,18 +288,23 @@
                 enable: true,
               },
               {
-                name: 'call-uni-element-method',
-                url: 'methods/call-uni-element-method',
+                name: 'call-method-uni-element',
+                url: 'methods/call-method-uni-element',
                 enable: true,
               },
               {
-                name: 'call-easycom-method',
-                url: 'methods/call-easycom-method',
+                name: 'call-method-easycom',
+                url: 'methods/call-method-easycom',
                 enable: true,
               },
               {
-                name: 'call-other-method',
-                url: 'methods/call-other-method',
+                name: 'call-method-easycom-uni-modules',
+                url: 'methods/call-method-easycom-uni-modules',
+                enable: true,
+              },
+              {
+                name: 'call-method-other',
+                url: 'methods/call-method-other',
                 enable: true,
               },
             ] as PageItem[],

uni_modules/call-easy-method/components/call-easy-method-uni-modules/call-easy-method-uni-modules.vue

+<template>
+  <view></view>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+      }
+    },
+    methods: {
+      foo1() {
+      },
+      foo2(date1 : number) {
+      },
+      foo3(date1 : number, date2 : number) {
+      },
+      foo4(callback : (() => void)) {
+        callback()
+      },
+      foo5(text1 : string) : any | null {
+        return text1
+      }
+    }
+  }
+</script>