mixinDatacom: 增加示例及自动化测试

pages.json

@@ -238,6 +238,12 @@
         "navigationBarTitleText": ""
       }
     },
+    {
+      "path": "pages/component/mixin-datacom/mixin-datacom",
+      "style": {
+        "navigationBarTitleText": "mixinDatacom"
+      }
+    },
     // #endif
     {
       "path": "pages/tabBar/API",

pages/component/mixin-datacom/datacom.uvue

+<template>
+  <view>
+    <view v-if="mixinDatacomLoading">Loading...</view>
+    <view v-else-if="mixinDatacomError">
+      请求错误：{{mixinDatacomError}}
+    </view>
+    <view v-else="mixinDatacomResData.length>0">
+      <!-- 需要自行处理数据及相关UI展现 -->
+      <!-- {{mixinDatacomResData}} -->
+      <list-view class="list-view" :scroll-y="true">
+        <list-item class="list-item" v-for="(item, _) in mixinDatacomResData">
+          <text>{{item}}</text>
+        </list-item>
+      </list-view>
+    </view>
+  </view>
+</template>
+
+<script lang="uts">
+  export default {
+    mixins: [uniCloud.mixinDatacom],
+    data() {
+      return {
+      }
+    },
+    created() {
+      this.load()
+    },
+    methods: {
+      load() {
+        if (this.mixinDatacomLoading == true) {
+          return
+        }
+        this.mixinDatacomLoading = true
+
+        this.mixinDatacomGet(null).then((res: UniCloudDBGetResult) => {
+          const data = res.data
+          // const count = res.count
+          this.mixinDatacomResData = data
+        }).catch((err) => {
+          this.mixinDatacomError = err as UniCloudError
+        }).finally(() => {
+          this.mixinDatacomLoading = false
+        })
+      },
+      // 当组件属性发生变化时
+      onMixinDatacomPropsChange(needReset: boolean, changed: Array<string>) {
+        console.log(needReset, changed);
+        // needReset=true 需要重置已加载数据和分页信息，例如 collection，orderby
+        // changed，变化的属性名，类型为 Array，例如 ['collection', 'orderby']
+        // if (needReset) {
+        //   // 清空已加载的数据
+        //   this.mixinDatacomResData = []
+
+        //   // 重置分页数据，如果没有分页不需要处理
+        //   this.mixinDatacomPage.size = this.pageSize // 重置分页大小
+        //   this.mixinDatacomPage.current = 0 // 重置当前分页
+        //   this.mixinDatacomPage.count = 0 // 重置数据总数
+        // }
+      }
+    }
+  }
+</script>
+
+<style>
+
+</style>

pages/component/mixin-datacom/mixin-datacom.test.js

+const PAGE_PATH = '/pages/component/mixin-datacom/mixin-datacom'
+
+describe('mixin-datacom', () => {
+  let page
+  beforeAll(async () => {
+    page = await program.reLaunch(PAGE_PATH)
+    await page.waitFor(500)
+  })
+  it('mixinDatacomGet', async () => {
+    const datacom = await page.$('.datacom')
+    const childCount = await datacom.$$('.list-item')
+    expect(childCount > 0).toBe(true)
+  })
+})

pages/component/mixin-datacom/mixin-datacom.uvue

+<template>
+  <view class="content">
+    <datacom class="datacom" collection="unicloud-db-test"></datacom>
+  </view>
+</template>
+
+<script>
+  import datacom from './datacom.uvue';
+
+  export default {
+    components: {
+      datacom
+    },
+    data() {
+      return {
+      }
+    },
+    methods: {
+    }
+  }
+</script>
+
+<style>
+  .content {
+    flex: 1;
+  }
+</style>

pages/tabBar/component.uvue

@@ -240,6 +240,11 @@ export default {
               name: '联系人',
               enable: true,
               url: '/pages/component/unicloud-db-contacts/list'
+            },
+            {
+              name: 'mixinDatacom',
+              enable: true,
+              url: '/pages/component/mixin-datacom/mixin-datacom'
             }
           ] as Page[],
         },