From 5d78d510912f35af965110462965339b770f47f8 Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Tue, 30 Mar 2021 19:54:18 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=8E=A5=E5=8F=A3=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E5=8C=96):=20=E6=A3=80=E6=9F=A5=E5=9C=BA=E6=99=AF=E6=AD=A5?=
 =?UTF-8?q?=E9=AA=A4=E6=98=AF=E5=90=A6=E9=83=BD=E6=98=AF=E5=85=A8=E8=B7=AF?=
 =?UTF-8?q?=E5=BE=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../automation/scenario/EditApiScenario.vue   |   2 +-
 .../api/automation/scenario/EnvPopover.vue    |   4 +-
 .../api/automation/scenario/EnvSelect.vue     | 336 ++++++++++++------
 3 files changed, 233 insertions(+), 109 deletions(-)

diff --git a/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue b/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
index 09d3cdf8ce..48fc69aa8d 100644
--- a/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
+++ b/frontend/src/business/components/api/automation/scenario/EditApiScenario.vue
@@ -767,7 +767,7 @@
       },
       runDebug() {
         /*触发执行操作*/
-        let sign = this.$refs.envPopover.checkEnv();
+        let sign = this.$refs.envPopover.checkEnv(this.scenarioDefinition);
         if (!sign) {
           return;
         }
diff --git a/frontend/src/business/components/api/automation/scenario/EnvPopover.vue b/frontend/src/business/components/api/automation/scenario/EnvPopover.vue
index bc7296c026..32580f3be9 100644
--- a/frontend/src/business/components/api/automation/scenario/EnvPopover.vue
+++ b/frontend/src/business/components/api/automation/scenario/EnvPopover.vue
@@ -44,8 +44,8 @@ export default {
     setProjectEnvMap(map) {
       this.$emit("setProjectEnvMap", map);
     },
-    checkEnv() {
-      return this.$refs.envSelect.checkEnv();
+    checkEnv(data) {
+      return this.$refs.envSelect.checkEnv(data);
     }
   }
 
diff --git a/frontend/src/business/components/api/automation/scenario/EnvSelect.vue b/frontend/src/business/components/api/automation/scenario/EnvSelect.vue
index 87c62495f0..eb202c6082 100644
--- a/frontend/src/business/components/api/automation/scenario/EnvSelect.vue
+++ b/frontend/src/business/components/api/automation/scenario/EnvSelect.vue
@@ -29,133 +29,257 @@
 </template>
 
 <script>
-import {parseEnvironment} from "@/business/components/api/test/model/EnvironmentModel";
-import ApiEnvironmentConfig from "@/business/components/api/definition/components/environment/ApiEnvironmentConfig";
+  import {parseEnvironment} from "@/business/components/api/test/model/EnvironmentModel";
+  import ApiEnvironmentConfig from "@/business/components/api/definition/components/environment/ApiEnvironmentConfig";
+  import {ELEMENTS} from "./Setting";
 
-export default {
-  name: "EnvironmentSelect",
-  components: {ApiEnvironmentConfig},
-  props: {
-    envMap: Map,
-    projectIds: Set,
-    projectList: Array
-  },
-  data() {
-    return {
-      data: [],
-      result: {},
-      projects: [],
-      environments: [],
-      dialogVisible: false
-    }
-  },
-  methods: {
-    init() {
-      this.projectIds.forEach(id => {
-        let item = {id: id, envs: [], selectEnv: ""};
-        this.data.push(item);
-        this.result = this.$get('/api/environment/list/' + id, res => {
-          let envs = res.data;
-          envs.forEach(environment => {
-            parseEnvironment(environment);
-          });
-          // 固定环境列表渲染顺序
-          let temp = this.data.find(dt => dt.id === id);
-          temp.envs = envs;
-          let envId = this.envMap.get(id);
-          // 选中环境是否存在
-          temp.selectEnv = envs.filter(e =>e.id === envId).length === 0 ? null : envId;
+  export default {
+    name: "EnvironmentSelect",
+    components: {ApiEnvironmentConfig},
+    props: {
+      envMap: Map,
+      projectIds: Set,
+      projectList: Array
+    },
+    data() {
+      return {
+        data: [],
+        result: {},
+        projects: [],
+        environments: [],
+        dialogVisible: false,
+        isFullUrl: true,
+      }
+    },
+    methods: {
+      init() {
+        this.projectIds.forEach(id => {
+          let item = {id: id, envs: [], selectEnv: ""};
+          this.data.push(item);
+          this.result = this.$get('/api/environment/list/' + id, res => {
+            let envs = res.data;
+            envs.forEach(environment => {
+              parseEnvironment(environment);
+            });
+            // 固定环境列表渲染顺序
+            let temp = this.data.find(dt => dt.id === id);
+            temp.envs = envs;
+            let envId = this.envMap.get(id);
+            // 选中环境是否存在
+            temp.selectEnv = envs.filter(e => e.id === envId).length === 0 ? null : envId;
+          })
         })
-      })
-    },
-    open() {
-      this.data = [];
-      if (this.projectIds.size > 0) {
-        this.init();
-      }
-    },
-    getProjectName(id) {
-      const project = this.projectList.find(p => p.id === id);
-      return project ? project.name : "";
-    },
-    openEnvironmentConfig(projectId, envId) {
-      if (!projectId) {
-        this.$error(this.$t('api_test.select_project'));
-        return;
-      }
-      this.$refs.environmentConfig.open(projectId, envId);
-    },
-    handleConfirm() {
-      let map = new Map();
-      let sign = true;
-      this.data.forEach(dt => {
-        if (!dt.selectEnv) {
-          sign = false;
+      },
+      open() {
+        this.data = [];
+        if (this.projectIds.size > 0) {
+          this.init();
+        }
+      },
+      getProjectName(id) {
+        const project = this.projectList.find(p => p.id === id);
+        return project ? project.name : "";
+      },
+      openEnvironmentConfig(projectId, envId) {
+        if (!projectId) {
+          this.$error(this.$t('api_test.select_project'));
           return;
         }
-        map.set(dt.id, dt.selectEnv);
-      })
-      if (!sign) {
-        this.$warning("请为每个项目选择一个运行环境！");
-        return;
-      }
-      this.$emit('setProjectEnvMap', map);
-      this.$emit('close');
-    },
-    checkEnv() {
-      let sign = true;
-      if (this.data.length > 0) {
+        this.$refs.environmentConfig.open(projectId, envId);
+      },
+      handleConfirm() {
+        let map = new Map();
+        let sign = true;
         this.data.forEach(dt => {
           if (!dt.selectEnv) {
             sign = false;
-            return false;
+            return;
+          }
+          map.set(dt.id, dt.selectEnv);
+        })
+        if (!sign) {
+          this.$warning("请为每个项目选择一个运行环境！");
+          return;
+        }
+        this.$emit('setProjectEnvMap', map);
+        this.$emit('close');
+      },
+      getApiInfo(request) {
+        if (request.id && request.referenced === 'REF') {
+          let requestResult = request.requestResult;
+          let url = request.refType && request.refType === 'CASE' ? "/api/testcase/get/" : "/api/definition/get/";
+          let enable = request.enable;
+          this.$get(url + request.id, response => {
+            if (response.data) {
+              Object.assign(request, JSON.parse(response.data.request));
+              request.name = response.data.name;
+              request.enable = enable;
+              if (response.data.path && response.data.path != null) {
+                request.path = response.data.path;
+                request.url = response.data.url;
+                this.setUrl(request.path);
+              }
+              if (response.data.method && response.data.method != null) {
+                request.method = response.data.method;
+              }
+              request.requestResult = requestResult;
+              request.id = response.data.id;
+              request.disabled = true;
+              request.root = true;
+              if (!request.projectId) {
+                request.projectId = response.data.projectId;
+              }
+              this.reload();
+              this.sort();
+            } else {
+              request.referenced = "Deleted";
+            }
+          })
+        }
+      },
+      getScenario(scenario) {
+        this.result = this.$get("/api/automation/getApiScenario/" + scenario.id, response => {
+          if (response.data) {
+            scenario.loaded = true;
+            let obj = {};
+            if (response.data.scenarioDefinition) {
+              obj = JSON.parse(response.data.scenarioDefinition);
+              scenario.hashTree = obj.hashTree;
+            }
+            //scenario.disabled = true;
+            scenario.name = response.data.name;
+            if (!scenario.projectId) {
+              scenario.projectId = response.data.projectId;
+            }
+            scenario.headers = obj.headers;
+            scenario.variables = obj.variables;
+            scenario.environmentMap = obj.environmentMap;
+            this.$emit('refReload');
+          } else {
+            scenario.referenced = "Deleted";
           }
         })
-      } else {
-        // 如果有环境，检查环境
-        if (this.envMap && this.envMap.size > 0) {
-          this.projectIds.forEach(id => {
-            if (!this.envMap.get(id)) {
+      },
+      recursiveSorting(arr) {
+        for (let i in arr) {
+          if (arr[i].referenced === 'REF') {
+            // 分场景和接口
+            if (arr[i].type === "HTTPSamplerProxy") {
+              // 获取源头内容
+              this.getApiInfo(arr[i]);
+              // 校验是否是全路径
+              if (!arr[i].url || (!arr[i].url.startsWith("http://") && !arr[i].url.startsWith("https://"))) {
+                this.isFullUrl = false;
+              }
+            } else if (arr[i].type === "scenario") {
+              this.getScenario(arr[i]);
+            }
+
+          } else {
+            if (arr[i].type === "HTTPSamplerProxy") {
+              // 校验是否是全路径
+              if (arr[i].enable) {
+                if (!arr[i].url || (!arr[i].url.startsWith("http://") && !arr[i].url.startsWith("https://"))) {
+                  this.isFullUrl = false;
+                }
+              }
+            }
+          }
+          if (arr[i].hashTree != undefined && arr[i].hashTree.length > 0) {
+            this.recursiveSorting(arr[i].hashTree);
+          }
+        }
+      },
+      checkFullUrl(scenarioDefinition) {
+        for (let i in scenarioDefinition) {
+          // 设置项目ID
+          let request = scenarioDefinition[i];
+          if (request.referenced === 'REF') {
+            if (request.type === "HTTPSamplerProxy") {
+              this.getApiInfo(request);
+              // 校验是否是全路径
+              if (!request.url || (!request.url.startsWith("http://") && !request.url.startsWith("https://"))) {
+                this.isFullUrl = false;
+              }
+            } else if (request.type === "scenario") {
+              this.getScenario(request);
+            }
+          } else {
+            if (request.type === "HTTPSamplerProxy") {
+              // 校验是否是全路径
+
+              if (request.enable) {
+                if (!request.url || (!request.url.startsWith("http://") && !request.url.startsWith("https://"))) {
+                  this.isFullUrl = false;
+                }
+              }
+            }
+          }
+          if (scenarioDefinition[i].hashTree != undefined && scenarioDefinition[i].hashTree.length > 0) {
+            this.recursiveSorting(scenarioDefinition[i].hashTree);
+          }
+        }
+      },
+      checkEnv(data) {
+        let sign = true;
+        this.isFullUrl = true;
+        if (this.data.length > 0) {
+          this.data.forEach(dt => {
+            if (!dt.selectEnv) {
               sign = false;
               return false;
             }
           })
         } else {
-          sign = false;
-        }
-      }
+          // 如果有环境，检查环境
+          if (this.envMap && this.envMap.size > 0) {
+            this.projectIds.forEach(id => {
+              if (!this.envMap.get(id)) {
+                sign = false;
+                return false;
+              }
+            })
+          } else {
+            // this.checkFullUrl(data);
+            // sign = this.isFullUrl;
+            sign = false;
+          }
 
-      if (!sign) {
-        this.$warning("请为每个项目选择一个运行环境！");
-        return false;
+          // 校验是否全是全路径
+
+        }
+
+        if (!sign) {
+          this.$warning("请为每个项目选择一个运行环境！");
+          return false;
+        }
+        return true;
+      },
+      environmentConfigClose() {
+        // todo 关闭处理
       }
-      return true;
-    },
-    environmentConfigClose() {
-      // todo 关闭处理
     }
   }
-}
 </script>
 
 <style scoped>
-.ms-scenario-button {
-  margin-left: 20px;
-}
+  .ms-scenario-button {
+    margin-left: 20px;
+  }
 
-.env-confirm {
-  margin-left: 20px;
-  width: 360px;
-  margin-top: 10px;
-}
+  .env-confirm {
+    margin-left: 20px;
+    width: 360px;
+    margin-top: 10px;
+  }
 
-.project-name {
-  display:inline-block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: 150px;
-  margin-left: 8px;
-  vertical-align:middle;
-}
+  .project-name {
+    display: inline-block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 150px;
+    margin-left: 8px;
+    vertical-align: middle;
+  }
 </style>