refactor(接口测试): 测试报告格式化优化

backend/src/main/java/io/metersphere/config/ShiroConfig.java

@@ -43,7 +43,7 @@ public class ShiroConfig implements EnvironmentAware {
         shiroFilterFactoryBean.getFilters().put("apikey", new ApiKeyFilter());
         Map<String, String> filterChainDefinitionMap = shiroFilterFactoryBean.getFilterChainDefinitionMap();
         ShiroUtils.loadBaseFilterChain(filterChainDefinitionMap);
-        filterChainDefinitionMap.put("/**", "apikey");
+        filterChainDefinitionMap.put("/**", "apikey, authc");
         return shiroFilterFactoryBean;
     }
 

frontend/package.json

@@ -36,7 +36,8 @@
     "yan-progress": "^1.0.3",
     "nprogress": "^0.2.0",
     "el-table-infinite-scroll": "^1.0.10",
-    "vue-pdf": "^4.2.0"
+    "vue-pdf": "^4.2.0",
+    "diffable-html": "^4.0.0"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.1.0",
@@ -63,7 +64,8 @@
       "no-console": "off",
       "no-unused-vars": "off",
       "no-unused-expressions": "off",
-      "no-unused-labels": "off"
+      "no-unused-labels": "off",
+      "no-useless-escape": "off"
     },
     "parserOptions": {
       "parser": "babel-eslint"

frontend/src/business/components/common/components/MsCodeEdit.vue

@@ -3,6 +3,9 @@
 </template>
 
 <script>
+  import {formatHtml, formatJson, formatXml} from "../../../../common/js/format-utils";
+  import toDiffableHtml from 'diffable-html';
+
     export default {
       name: "MsCodeEdit",
       components: { editor: require('vue2-ace-editor')},
@@ -71,19 +74,20 @@
           }
         },
         format() {
-          if (this.mode === 'json') {
-            try {
-              var JSONbig = require('json-bigint')({"storeAsString": false});
-              this.formatData = JSON.stringify(JSONbig.parse(this.data), null, '\t');
-            } catch (e) {
+          switch (this.mode) {
+            case 'json':
+              this.formatData = formatJson(this.data);
+              break;
+            case 'html':
+              this.formatData = toDiffableHtml(this.data);
+              break;
+            case 'xml':
+              this.formatData = formatXml(this.data);
+              break;
+            default:
               if (this.data) {
                 this.formatData = this.data;
               }
-            }
-          } else {
-            if (this.data) {
-              this.formatData = this.data;
-            }
           }
         }
       }

frontend/src/common/js/format-utils.js

@@ -0,0 +1,130 @@
+export function formatJson (json) {
+  let i = 0,
+    il = 0,
+    tab = "    ",
+    newJson = "",
+    indentLevel = 0,
+    inString = false,
+    currentChar = null;
+  for (i = 0, il = json.length; i < il; i += 1) {
+    currentChar = json.charAt(i);
+    switch (currentChar) {
+      case '{':
+      case '[':
+        if (!inString) {
+          newJson += currentChar + "\n" + repeat(tab, indentLevel + 1);
+          indentLevel += 1
+        } else {
+          newJson += currentChar
+        }
+        break;
+      case '}':
+      case ']':
+        if (!inString) {
+          indentLevel -= 1;
+          newJson += "\n" + repeat(tab, indentLevel) + currentChar
+        } else {
+          newJson += currentChar
+        }
+        break;
+      case ',':
+        if (!inString) {
+          newJson += ",\n" + repeat(tab, indentLevel)
+        } else {
+          newJson += currentChar
+        }
+        break;
+      case ':':
+        if (!inString) {
+          newJson += ": "
+        } else {
+          newJson += currentChar
+        }
+        break;
+      case ' ':
+      case "\n":
+      case "\t":
+        if (inString) {
+          newJson += currentChar
+        }
+        break;
+      case '"':
+        if (i > 0 && json.charAt(i - 1) !== '\\') {
+          inString = !inString
+        }
+        newJson += currentChar;
+        break;
+      default:
+        newJson += currentChar;
+        break
+    }
+  }
+  return newJson;
+}
+
+function repeat(s, count) {
+  return new Array(count + 1).join(s)
+}
+
+
+
+export function formatXml(text) {
+  //去掉多余的空格
+  text = '\n' + text.replace(/(<\w+)(\s.*?>)/g, function ($0, name, props) {
+    return name + ' ' + props.replace(/\s+(\w+=)/g, " $1");
+  }).replace(/>\s*?</g, ">\n<");
+  //把注释编码
+  text = text.replace(/\n/g, '\r').replace(/<!--(.+?)-->/g, function ($0, text) {
+    var ret = '<!--' + escape(text) + '-->';
+    //alert(ret);
+    return ret;
+  }).replace(/\r/g, '\n');
+  //调整格式
+  var rgx = /\n(<(([^\?]).+?)(?:\s|\s*?>|\s*?(\/)>)(?:.*?(?:(?:(\/)>)|(?:<(\/)\2>)))?)/mg;
+  var nodeStack = [];
+  var output = text.replace(rgx, function ($0, all, name, isBegin, isCloseFull1, isCloseFull2, isFull1, isFull2) {
+    var isClosed = (isCloseFull1 == '/') || (isCloseFull2 == '/' ) || (isFull1 == '/') || (isFull2 == '/');
+    //alert([all,isClosed].join('='));
+    var prefix = '';
+    if (isBegin == '!') {
+      prefix = getPrefix(nodeStack.length);
+    }
+    else {
+      if (isBegin != '/') {
+        prefix = getPrefix(nodeStack.length);
+        if (!isClosed) {
+          nodeStack.push(name);
+        }
+      }
+      else {
+        nodeStack.pop();
+        prefix = getPrefix(nodeStack.length);
+      }
+    }
+    var ret = '\n' + prefix + all;
+    return ret;
+  });
+  var prefixSpace = -1;
+  var outputText = output.substring(1);
+  //alert(outputText);
+  //把注释还原并解码，调格式
+  outputText = outputText.replace(/\n/g, '\r').replace(/(\s*)<!--(.+?)-->/g, function ($0, prefix, text) {
+    //alert(['[',prefix,']=',prefix.length].join(''));
+    if (prefix.charAt(0) == '\r')
+      prefix = prefix.substring(1);
+    text = unescape(text).replace(/\r/g, '\n');
+    var ret = '\n' + prefix + '<!--' + text.replace(/^\s*/mg, prefix) + '-->';
+    //alert(ret);
+    return ret;
+  });
+  return outputText.replace(/\s+$/g, '').replace(/\r/g, '\r\n');
+}
+
+function getPrefix(prefixIndex) {
+  var span = ' ';
+  var output = [];
+  for (var i = 0; i < prefixIndex; ++i) {
+    output.push(span);
+  }
+  return output.join('');
+}