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,7 +22,7 @@
       }
     },
     onReady() {
-      this.webviewContext = uni.createWebviewContext('webview-screenshot', this)
+      this.webviewContext = uni.createWebviewContext('webview-screenshot-comparison', this)
     },
     methods: {
       appendWebHeadPlaceholder() {
@@ -39,20 +39,22 @@
           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) {
+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 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>