feat(UI自动化): 截图支持可配置

--story=1008984 --user=刘瑶 【UI测试】截图支持可配置 https://www.tapd.cn/55049933/s/1216810

backend/src/main/java/io/metersphere/api/dto/ApiScenarioReportBaseInfoDTO.java

@@ -17,6 +17,8 @@ public class ApiScenarioReportBaseInfoDTO {
     private String rspCode;
     private long rspTime;
     private String uiImg;
+    private String uiScreenshots;
+    private String combinationImg;
     private Boolean isNotStep;
     private String reportId;
 }

backend/src/main/java/io/metersphere/api/dto/RequestResultExpandDTO.java

@@ -15,6 +15,8 @@ import java.util.Map;
 public class RequestResultExpandDTO extends RequestResult {
     private String status;
     private String uiImg;
+    private String uiScreenshots;
+    private String combinationImg;
     private String reportId;
     private long time;
     private Map<String, String> attachInfoMap;
@@ -38,6 +40,8 @@ public class RequestResultExpandDTO extends RequestResult {
                 this.setTime(dto.getRspTime());
                 this.setEndTime(dto.getRspTime() - dto.getReqStartTime());
                 this.setUiImg(dto.getUiImg());
+                this.setUiScreenshots(dto.getUiScreenshots());
+                this.setCombinationImg(dto.getCombinationImg());
                 this.setReportId(dto.getReportId());
                 this.setStatus(requestResult.getStatus());
                 ResponseResult responseResult = this.getResponseResult();

backend/src/main/java/io/metersphere/xpack

@@ -1 +1 @@
-Subproject commit a15c62585f8e3afe994a8f94817124ad51189b71
+Subproject commit 8ffaebe48db4ffa77d149c41ee4bfc322a9085d5

frontend/src/business/components/api/automation/report/ApiReportViewHeader.vue

@@ -58,6 +58,9 @@
           <el-button v-if="showCancelButton" class="export-button" plain size="mini" @click="returnView">
             {{ $t('commons.cancel') }}
           </el-button>
+
+          <ui-download-screenshot :report="report" v-if="isUi"/>
+
         </div>
       </el-col>
     </el-row>
@@ -77,10 +80,12 @@
 import {generateShareInfoWithExpired} from "@/network/share";
 import {getCurrentProjectID} from "@/common/js/utils";
 import MsTag from "@/business/components/common/components/MsTag";
+const requireComponent = require.context('@/business/components/xpack/', true, /\.vue$/);
+const UiDownloadScreenshot = requireComponent.keys().length > 0 ? requireComponent("./ui/automation/report/UiDownloadScreenshot.vue") : {};
 
 export default {
   name: "MsApiReportViewHeader",
-  components: {MsTag},
+  components: {MsTag, 'UiDownloadScreenshot': UiDownloadScreenshot.default},
   props: {
     report: {},
     projectEnvMap: {},

frontend/src/business/components/xpack

@@ -1 +1 @@
-Subproject commit 0179ce86590df2cc2f00f46892a3bb08b0ab5204
+Subproject commit aeb77f89b9ae435ccd6b5b7d0c0583823c45845a

frontend/src/i18n/en-US.js

@@ -467,8 +467,7 @@ export default {
       api_scenario: 'default',
       ui_element: 'default',
       ui_scenario: 'default'
-    },
-    template_delete: "Template delete"
+    }
   },
   login: {
     normal_Login: "Normal Login",
@@ -3358,6 +3357,11 @@ export default {
     set_coord: "Set Coordinate",
     input_content_x: "input x coordinate",
     input_content_y: "input y coordinate",
+    screenshot_config: "Screenshot configuration",
+    current_step_screenshot: "Screenshot of current step",
+    not_screentshot: "No screenshot",
+    error_step_screenshot: "Screenshot of exception",
+    downloadScreenshot: "Download screenshot file",
   },
   project_application: {
     workstation: {

frontend/src/i18n/zh-CN.js

@@ -3367,6 +3367,12 @@ export default {
     set_coord: "设置鼠标坐标位置",
     input_content_x: "请输入横坐标",
     input_content_y: "请输入纵坐标",
+    screenshot_config: "截图配置",
+    current_step_screenshot: "当前步骤截图",
+    not_screentshot: "不截图",
+    error_step_screenshot: "出现异常截图",
+    downloadScreenshot: "下载截图文件",
+
   },
   project_application: {
     workstation: {

frontend/src/i18n/zh-TW.js

@@ -3344,6 +3344,11 @@ export default {
     set_coord: "設置鼠標坐標位置",
     input_content_x: "請輸入橫坐標",
     input_content_y: "請輸入縱坐標",
+    screenshot_config: "截圖配置",
+    current_step_screenshot: "當前步驟截圖",
+    not_screentshot: "不截圖",
+    error_step_screenshot: "出現異常截圖",
+    downloadScreenshot: "下載截圖文件",
   },
   project_application: {
     workstation: {