refactor: 兼容 web 端

pages/API/get-element-by-id/get-element-by-id-multiple-root-node.uvue

 <template>
   <view class="uni-padding-wrap">
-    <page-head
-      id="page-head"
-      title="getElementById-multiple-root-node"
-    ></page-head>
+    <page-head id="page-head" title="getElementById-multiple-root-node"></page-head>
     <text id="text">this is text</text>
-    <view id="view" class="uni-common-mt" style="border: 1px solid red"
-      >this is view</view
-    >
+    <view id="view" class="uni-common-mt" style="border: 1px solid red">this is view</view>
     <button class="uni-btn" @click="changePageHeadBackgroundColor">
       修改 page-head 背景色
     </button>
@@ -19,7 +14,7 @@
 </template>
 
 <script lang="uts">
-export default {
+  export default {
     data() {
       return {
         checked: false,
@@ -28,25 +23,25 @@ export default {
       }
     },
     methods: {
-    getElementByNotExistId(): Element | null {
+      getElementByNotExistId() : Element | null {
         return uni.getElementById('not-exist-id')
       },
-    changePageHeadBackgroundColor(){
+      changePageHeadBackgroundColor() {
         const pageHead = uni.getElementById('page-head')!
-      pageHead.style.setProperty('backgroundColor', 'red')
+        pageHead.style['backgroundColor'] = 'red'
       },
-    changeTextColor(){
+      changeTextColor() {
         const text = uni.getElementById('text')!
-      text.style.setProperty('color', 'red')
+        text.style['color'] = 'red'
       },
-    changeViewStyle(){
+      changeViewStyle() {
         const view = uni.getElementById<UniViewElement>('view')
-      if(view !== null){
-        view.style.setProperty('width', '90%')
-        view.style.setProperty('height', '50px')
-        view.style.setProperty('backgroundColor', '#007AFF')
+        if (view !== null) {
+          view.style['width'] = '90%'
+          view.style['height'] = '50px'
+          view.style['backgroundColor'] = '#007AFF'
+        }
       }
     }
   }
-}
 </script>

pages/API/get-element-by-id/get-element-by-id.uvue

@@ -3,9 +3,7 @@
     <page-head id="page-head" title="getElementById"></page-head>
     <view class="uni-padding-wrap">
       <text id="text">this is text</text>
-      <view id="view" class="uni-common-mt" style="border: 1px solid red"
-        >this is view</view
-      >
+      <view id="view" class="uni-common-mt" style="border: 1px solid red">this is view</view>
       <button class="uni-btn" @click="changePageHeadBackgroundColor">
         修改 page-head 背景色
       </button>
@@ -23,7 +21,7 @@
 </template>
 
 <script lang="uts">
-export default {
+  export default {
     data() {
       return {
         checked: false,
@@ -37,23 +35,23 @@ export default {
       },
       changePageHeadBackgroundColor() {
         const pageHead = uni.getElementById('page-head')!
-      pageHead.style.setProperty('backgroundColor', 'red')
+        pageHead.style['backgroundColor'] = 'red'
       },
       changeTextColor() {
         const text = uni.getElementById('text')!
-      text.style.setProperty('color', 'red')
+        text.style['color'] = 'red'
       },
       changeViewStyle() {
         const view = uni.getElementById<UniViewElement>('view')
         if (view !== null) {
-        view.style.setProperty('width', '90%')
-        view.style.setProperty('height', '50px')
-        view.style.setProperty('backgroundColor', '#007AFF')
+          view.style['width'] = '90%'
+          view.style['height'] = '50px'
+          view.style['backgroundColor'] = '#007AFF'
         }
       },
       goMultipleRootNode() {
         uni.navigateTo({ url: '/pages/API/get-element-by-id/get-element-by-id-multiple-root-node' })
       }
     }
-}
+  }
 </script>

pages/API/navigator/new-page/onLoad.test.js

@@ -72,7 +72,7 @@ describe("onLoad", () => {
       failureThreshold: 0.05,
       failureThresholdType: "percent",
     });
-    await page.waitFor("view");
+    await program.callUniMethod('hideToast')
   });
   it("showLoading", async () => {
     page = await program.reLaunch(INTERMEDIATE_PAGE_PATH);
@@ -91,6 +91,7 @@ describe("onLoad", () => {
       failureThreshold: 0.05,
       failureThresholdType: "percent",
     });
+    await program.callUniMethod('hideLoading')
   });
   it("showModal", async () => {
     page = await program.reLaunch(INTERMEDIATE_PAGE_PATH);

pages/tabBar/API.uvue

@@ -154,12 +154,6 @@
                 name: 'element元素',
                 url: 'get-element-by-id',
                 api: ["getElementById"],
-                // #ifdef APP-ANDROID
-                enable: true,
-                // #endif
-                // #ifndef APP-ANDROID
-                enable: false,
-                // #endif
               },
               {
                 name: 'element draw',