test: 优化 webview 平台截图对比测试例

pages/webview-screenshot-comparison/webview-screenshot-comparison.uvue

 <template>
-  <web-view id="webview-screenshot" class="webview-screenshot" :webview-styles='webviewStyles' :src="src"
-    @loaded="loaded" @error="error">
+  <web-view id="webview-screenshot-comparison" class="webview-screenshot-comparison" :webview-styles="webviewStyles"
+    :src="src" @loaded="loaded" @error="error">
   </web-view>
 </template>
 
@@ -22,37 +22,39 @@
       }
     },
     onReady() {
-      this.webviewContext = uni.createWebviewContext('webview-screenshot', this)
+      this.webviewContext = uni.createWebviewContext('webview-screenshot-comparison', this)
     },
     methods: {
       appendWebHeadPlaceholder() {
         if (this.src.indexOf('pages/template/navbar-lite/navbar-lite') > -1) {
           this.webviewContext?.evalJS(`
-            const uniNavbar = document.querySelector('.uni-navbar');
-            uniNavbar.style.paddingTop = '${state.headerHeight - 44}px';
-          `)
+          const uniNavbar = document.querySelector('.uni-navbar');
+          uniNavbar.style.paddingTop = '${state.headerHeight - 44}px';
+        `)
         } else if (this.src.indexOf('pages/template/scroll-fold-nav/scroll-fold-nav') > -1) {
           this.webviewContext?.evalJS(`
-            const heightSeat = document.querySelector('.height-seat');
-            heightSeat.style.height = '125px';
-            heightSeat.style.backgroundColor = '#f0f8ff';
-            const topBox = document.querySelector('.top-box');
-            topBox.style.top = '35px';
-          `)
+          const heightSeat = document.querySelector('.height-seat');
+          heightSeat.style.height = '125px';
+          heightSeat.style.backgroundColor = '#f0f8ff';
+          const topBox = document.querySelector('.top-box');
+          topBox.style.top = '35px';
+        `)
+        } else if (this.src.indexOf('pages/template/pull-zoom-image/pull-zoom-image') > -1) {
+          return
         } else {
           this.webviewContext?.evalJS(`
-  const hasWebHeadPlaceholder = document.querySelector('.web-head-placeholder-for-screenshot-comparison');
-  if (hasWebHeadPlaceholder) {
-    return;
-  }
-  const webHeadPlaceholder = document.createElement('div');
-  webHeadPlaceholder.style.height = '${state.headerHeight - 44}px';
-  webHeadPlaceholder.style.backgroundColor = '#007aff';
-  webHeadPlaceholder.classList.add('web-head-placeholder-for-screenshot-comparison');
-  const uniPage = document.querySelector('uni-page');
-  const uniPageHead = document.querySelector('uni-page-head');
-  uniPage.insertBefore(webHeadPlaceholder, uniPageHead);
-  `);
+const hasWebHeadPlaceholder = document.querySelector('.web-head-placeholder-for-screenshot-comparison');
+if (hasWebHeadPlaceholder) {
+  return;
+}
+const webHeadPlaceholder = document.createElement('div');
+webHeadPlaceholder.style.height = '${state.headerHeight - 44}px';
+webHeadPlaceholder.style.backgroundColor = '#007aff';
+webHeadPlaceholder.classList.add('web-head-placeholder-for-screenshot-comparison');
+const uniPage = document.querySelector('uni-page');
+const uniPageHead = document.querySelector('uni-page-head');
+uniPage.insertBefore(webHeadPlaceholder, uniPageHead);
+`);
         }
       },
       loaded() {
@@ -66,7 +68,7 @@
   }
 </script>
 <style>
-  .webview-screenshot {
+  .webview-screenshot-comparison {
     flex: 1;
   }
 </style>