feat(接口测试): 场景增加场景断言 (#13509)

--story=1006924 --user=王孝刚 #12027建议添加场景断言 （1.20 分支同步上）
https://www.tapd.cn/55049933/s/1155718

Co-authored-by: wxg0103 <727495428@qq.com>

frontend/src/business/components/api/automation/scenario/Setting.js

@@ -103,7 +103,7 @@ export function init() {
     let allArray = [];
     allArray = allArray.concat(PLUGIN_ELEMENTS.get('menu_generative_controller'));
     allArray = allArray.concat(PLUGIN_ELEMENTS.get('menu_logic_controller'));
-    allArray = allArray.concat(['scenario', 'ConstantTimer', 'JSR223Processor']);
+  allArray = allArray.concat(['scenario', 'ConstantTimer', 'JSR223Processor', 'Assertions']);
     return allArray;
 }
 

frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue

@@ -187,13 +187,13 @@ export default {
   },
   computed: {
     isSingleButton() {
-      if (this.data.type === 'ConstantTimer') {
+      if (this.data.type === 'ConstantTimer' || this.data.type === 'Assertions') {
         return (this.innerStep && this.showVersion && this.stepFilter.get('ALlSamplerStep').indexOf(this.data.type) !== -1)
       }
       return (this.showVersion && this.stepFilter.get('ALlSamplerStep').indexOf(this.data.type) !== -1);
     },
     isMoreButton() {
-      if (this.data.type === 'ConstantTimer') {
+      if (this.data.type === 'ConstantTimer' || this.data.type === 'Assertions') {
         return (!this.innerStep || this.showBtn && (!this.data.disabled || this.data.root) && this.showVersion && this.stepFilter.get('ALlSamplerStep').indexOf(this.data.type) === -1);
       }
       return (this.showBtn && (!this.data.disabled || this.data.root) && this.showVersion && this.stepFilter.get('ALlSamplerStep').indexOf(this.data.type) === -1);

frontend/src/business/components/api/automation/scenario/component/ComponentConfig.vue

@@ -67,7 +67,7 @@ export default {
     JmeterElementComponent,
     MsConstantTimer: () => import("./ConstantTimer"),
     MsJsr233Processor: () => import("./Jsr233Processor"),
-    MsApiAssertions: () => import("../../../definition/components/assertion/ApiAssertions"),
+    MsScenarioAssertions: () => import("../../../definition/components/assertion/ScenarioAssertions"),
     MsApiExtract: () => import("../../../definition/components/extract/ApiExtract"),
     MsJdbcProcessor: () => import("@/business/components/api/automation/scenario/component/JDBCProcessor"),
     // MsUiCommand: () => import("@/business/components/xpack/ui/automation/scenario/component/MsUiCommandComponent")
@@ -221,7 +221,7 @@ export default {
         } else {
           this.apiId = "none";
         }
-        return "MsApiAssertions";
+        return "MsScenarioAssertions";
       } else {
         this.title = this.$t('api_test.automation.customize_script');
         this.titleColor = "#7B4D12";

frontend/src/business/components/api/automation/scenario/menu/Menu.js

@@ -105,7 +105,7 @@ export function buttons(this_) {
       }
     },
     {
-      title: this_.$t('api_test.definition.request.assertions_rule'),
+      title: this_.$t('api_test.definition.request.scenario_assertions'),
       show: this_.showButton("Assertions"),
       titleColor: "#A30014",
       titleBgColor: "#F7E6E9",

frontend/src/business/components/api/definition/components/assertion/ScenarioAssertions.vue

@@ -0,0 +1,285 @@
+<template>
+  <api-base-component
+    v-loading="loading"
+    @copy="copyRow"
+    @remove="remove"
+    @active="active"
+    :data="assertions"
+    :draggable="draggable"
+    :is-max="isMax"
+    :show-btn="showBtn"
+    :inner-step="innerStep"
+    :show-version="showVersion"
+    color="#A30014"
+    background-color="#F7E6E9"
+    :title="$t('api_test.definition.request.scenario_assertions')">
+
+    <el-card :draggable="true">
+      <el-row>
+        <span>{{ $t('api_test.request.assertions.description') }}</span>
+        <span style="float: right">
+        <api-json-path-suggest-button
+          :open-tip="$t('api_test.request.assertions.json_path_suggest')"
+          :clear-tip="$t('api_test.request.assertions.json_path_clear')"
+          :isReadOnly="isReadOnly"
+          @open="suggestJsonOpen"
+          @clear="clearJson"/>
+      </span>
+      </el-row>
+      <div class="assertion-add" :draggable="draggable">
+        <el-row :gutter="10">
+          <el-col :span="4">
+            <el-select :disabled="isReadOnly" class="assertion-item" v-model="type"
+                       :placeholder="$t('api_test.request.assertions.select_type')" size="small">
+              <el-option :label="$t('api_test.request.assertions.text')" :value="options.TEXT"/>
+              <el-option :label="$t('api_test.request.assertions.regex')" :value="options.REGEX"/>
+              <el-option :label="'JSONPath'" :value="options.JSON_PATH"/>
+              <el-option :label="'XPath'" :value="options.XPATH2"/>
+              <el-option :label="$t('api_test.request.assertions.response_time')" :value="options.DURATION"/>
+              <el-option :label="$t('api_test.request.assertions.jsr223')" :value="options.JSR223"/>
+              <el-option :label="$t('api_test.definition.request.document_structure')" :value="options.DOCUMENT"/>
+            </el-select>
+          </el-col>
+          <el-col :span="20">
+            <ms-api-assertion-text
+              :is-read-only="isReadOnly"
+              :list="assertions.regex"
+              :callback="after"
+              v-if="type === options.TEXT"
+            />
+            <ms-api-assertion-regex
+              :is-read-only="isReadOnly"
+              :list="assertions.regex"
+              :callback="after"
+              @callback="after"
+              v-if="type === options.REGEX"
+            />
+            <ms-api-assertion-json-path
+              :is-read-only="isReadOnly"
+              :list="assertions.jsonPath"
+              :callback="after"
+              v-if="type === options.JSON_PATH"
+            />
+            <ms-api-assertion-x-path2
+              :is-read-only="isReadOnly"
+              :list="assertions.xpath2"
+              :callback="after"
+              v-if="type === options.XPATH2"
+            />
+            <ms-api-assertion-duration
+              v-model="time"
+              :is-read-only="isReadOnly"
+              :duration="assertions.duration"
+              :callback="after"
+              v-if="type === options.DURATION"
+            />
+            <ms-api-assertion-jsr223
+              :is-read-only="isReadOnly"
+              :list="assertions.jsr223"
+              :callback="after"
+              v-if="type === options.JSR223"
+            />
+            <ms-api-assertion-document
+              :is-read-only="isReadOnly"
+              v-model="time"
+              :document="assertions.document"
+              :callback="after"
+              v-if="type === options.DOCUMENT"
+            />
+            <el-button v-if="!type" :disabled="true" type="primary" size="mini">
+              {{ $t('api_test.request.assertions.add') }}
+            </el-button>
+          </el-col>
+        </el-row>
+      </div>
+
+
+      <ms-api-assertions-edit
+        :is-read-only="isReadOnly"
+        :assertions="assertions"
+        :apiId="apiId"
+        :reloadData="reloadData"
+        style="margin-bottom: 20px"/>
+
+      <ms-api-jsonpath-suggest
+        :tip="$t('api_test.request.extract.suggest_tip')"
+        @addSuggest="addJsonPathSuggest"
+        ref="jsonpathSuggest"/>
+
+    </el-card>
+  </api-base-component>
+</template>
+
+<script>
+import MsApiAssertionText from "./ApiAssertionText";
+import MsApiAssertionRegex from "./ApiAssertionRegex";
+import MsApiAssertionDuration from "./ApiAssertionDuration";
+import {ASSERTION_TYPE, JSONPath} from "../../model/ApiTestModel";
+import MsApiAssertionsEdit from "./ApiAssertionsEdit";
+import MsApiAssertionJsonPath from "./ApiAssertionJsonPath";
+import MsApiAssertionJsr223 from "./ApiAssertionJsr223";
+import MsApiJsonpathSuggestList from "./ApiJsonpathSuggestList";
+import MsApiAssertionXPath2 from "./ApiAssertionXPath2";
+import {getUUID} from "@/common/js/utils";
+import ApiJsonPathSuggestButton from "./ApiJsonPathSuggestButton";
+import MsApiJsonpathSuggest from "./ApiJsonpathSuggest";
+import ApiBaseComponent from "../../../automation/scenario/common/ApiBaseComponent";
+import MsApiAssertionDocument from "./document/DocumentHeader";
+
+export default {
+  name: "MsApiAssertions",
+  components: {
+    ApiBaseComponent,
+    MsApiJsonpathSuggest,
+    ApiJsonPathSuggestButton,
+    MsApiAssertionXPath2,
+    MsApiAssertionJsr223,
+    MsApiJsonpathSuggestList,
+    MsApiAssertionJsonPath,
+    MsApiAssertionsEdit,
+    MsApiAssertionDuration,
+    MsApiAssertionRegex,
+    MsApiAssertionText,
+    MsApiAssertionDocument,
+  },
+  props: {
+    draggable: {
+      type: Boolean,
+      default: false,
+    },
+    isMax: {
+      type: Boolean,
+      default: false,
+    },
+    innerStep: {
+      type: Boolean,
+      default: false,
+    },
+    showBtn: {
+      type: Boolean,
+      default: true,
+    },
+    showVersion: {
+      type: Boolean,
+      default: true,
+    },
+    assertions: {},
+    node: {},
+    request: {},
+    apiId: String,
+    response: {},
+    customizeStyle: {
+      type: String,
+      default: "margin-top: 10px"
+    },
+    isReadOnly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      options: ASSERTION_TYPE,
+      time: "",
+      type: "",
+      loading: false,
+      reloadData: "",
+    }
+  },
+  watch: {
+    assertions: {
+      handler(v) {
+        this.computeStep();
+      },
+      deep: true
+    },
+  },
+  methods: {
+    computeStep() {
+      let ruleSize = 0;
+      ruleSize = (this.assertions.jsonPath.length + this.assertions.jsr223.length + this.assertions.regex.length + this.assertions.xpath2.length);
+      if (this.assertions && this.assertions.document.data && (this.assertions.document.data.json.length > 0 || this.assertions.document.data.xml.length > 0)) {
+        ruleSize++;
+      }
+      if (this.assertions.duration && this.assertions.duration.value > 0) {
+        ruleSize++;
+      }
+      ruleSize += this.assertions.text ? this.assertions.text.length : 0;
+      this.request.ruleSize = ruleSize;
+      this.$emit('reload');
+    },
+
+    after() {
+      this.type = "";
+      this.reloadData = getUUID().substring(0, 8);
+      this.reload();
+    },
+    copyRow() {
+      this.$emit('copyRow', this.assertions, this.node);
+    },
+    suggestJsonOpen() {
+      this.$emit('suggestClick');
+      this.$nextTick(() => {
+        if (!this.response || !this.response.responseResult || !this.response.responseResult.body) {
+          this.$message(this.$t('api_test.request.assertions.debug_first'));
+          return;
+        }
+        this.$refs.jsonpathSuggest.open(this.response.responseResult.body);
+      })
+    },
+    reload() {
+      this.loading = true
+      this.$nextTick(() => {
+        this.loading = false
+      })
+    },
+    active() {
+      this.assertions.active = !this.assertions.active;
+      this.reload();
+    },
+    remove() {
+      this.$emit('remove', this.assertions, this.node);
+    },
+    addJsonPathSuggest(data) {
+      let jsonItem = new JSONPath();
+      jsonItem.expression = data.path;
+      jsonItem.expect = data.value;
+      jsonItem.setJSONPathDescription();
+      let expect = jsonItem.expect;
+      if (expect) {
+        expect = expect.replaceAll('\\', "\\\\").replaceAll('(', "\\(").replaceAll(')', "\\)")
+          .replaceAll('+', "\\+").replaceAll('[', "\\[").replaceAll(']', "\\]")
+          .replaceAll('?', "\\?").replaceAll('/', "\\/").replaceAll('*', "\\*")
+          .replaceAll('^', "\\^").replaceAll('{', "\\{").replaceAll('}', "\\}").replaceAll('$', "\\$");
+      }
+      jsonItem.expect = expect;
+      jsonItem.enable = true;
+      this.assertions.jsonPath.push(jsonItem);
+    },
+    clearJson() {
+      this.assertions.jsonPath = [];
+    }
+  }
+}
+</script>
+
+<style scoped>
+.assertion-item {
+  width: 100%;
+}
+
+.assertion-add {
+  padding: 10px;
+  margin: 5px 0;
+  border-radius: 5px;
+  border: #DCDFE6 solid 1px;
+}
+
+.icon.is-active {
+  transform: rotate(90deg);
+}
+
+/deep/ .el-card__body {
+  padding: 6px 10px;
+}
+</style>

frontend/src/i18n/en-US.js

@@ -1253,6 +1253,7 @@ export default {
         delete_case_confirm: "Confirm case deletion",
         delete_confirm_step: "Confirm deletion step",
         assertions_rule: "Assertion rule",
+        scenario_assertions: "Scenario assertion rule",
         pre_operation: "Pre operation",
         post_operation: "Post operation",
         response_header: "Response header",

frontend/src/i18n/zh-CN.js

@@ -1259,6 +1259,7 @@ export default {
         delete_case_confirm: "确认删除用例",
         delete_confirm_step: "确认删除步骤",
         assertions_rule: "断言规则",
+        scenario_assertions: "场景断言",
         pre_operation: "前置操作",
         post_operation: "后置操作",
         response_header: "响应头",

frontend/src/i18n/zh-TW.js

@@ -1259,6 +1259,7 @@ export default {
         delete_case_confirm: "確認刪除用例",
         delete_confirm_step: "確認刪除步驟",
         assertions_rule: "斷言規則",
+        scenario_assertions: "場景斷言",
         pre_operation: "前置操作",
         post_operation: "後置操作",
         response_header: "響應頭",