初步完成回归测试的UI

TommyLemon · TommyLemon · commit bba906cdeab9 · 2018-03-03T21:38:05.000+08:00
diff --git a/index.html b/index.html
@@ -84,10 +84,17 @@
     <div class="left-panel">
       <ul v-show="isRemoteShow" class="historys" style="width: 100%;height: 100%;overflow: hidden;overflow-y: scroll;">
         <li v-for="(item, index) in remotes" >
+          <a href="javascript:void(0)" @click="restore(item)" > {{(item.version > 0 ? 'V' + item.version : 'V*') + ' ' + item.name  + '    ' + item.url}}</a>
+          <div v-show="item.compare != null && item.compare > 0" style="position: absolute;right: 30px;display: inline-block;">
+            <button @click="handleTest(false, index, item)" style="position: relative;color: red">错误，已解决</button>
+            <svg class="icon" style="position: relative;margin-left: 10px" @click="downloadTest(index, item)">
+              <use xlink:href="svg/icon.svg#export-txt"></use>
+            </svg>
+            <button @click="handleTest(true, index, item)">正确，上传</button>
+          </div>
           <svg v-show="item.userId == User.id" class="icon" @click="remove(item, index, true)">
             <use xlink:href="svg/icon.svg#trash"></use>
           </svg>
-          <a href="javascript:void(0)" @click="restore(item)" > {{(item.version > 0 ? 'V' + item.version : 'V*') + ' ' + item.name  + '    ' + item.url}}</a>
         </li>
       </ul>
       <div v-show="! isRemoteShow" style="width: 100%;height: 100%;" >
@@ -153,6 +160,12 @@
                 </ul>
           </span>
 
+          <a class="hint--top save-tool"  data-hint="回归测试，TODO 做成列表上方的文字按钮" href="javascript:void(0)" @click="test(true)">
+            <svg class="icon">
+              <use xlink:href="svg/icon.svg#save"></use>
+            </svg>
+          </a>
+
         </div>
         <div class="pull-right">
 
diff --git a/js/main.js b/js/main.js
@@ -129,6 +129,7 @@
       historys: [],
       history: {name: '请求0'},
       remotes: [],
+      testList: [],
       isDelayShow: false,
       isSaveShow: false,
       isExportShow: false,
@@ -1163,6 +1164,54 @@
           doc += '\n```json\n' + JSON.stringify(JSON.parse(item.request), null, '    ') + '\n```\n'
         }
         return doc
+      },
+
+      /**回归测试
+       * 原理：
+       1.遍历所有上传过的测试用例（URL+请求JSON）
+       2.逐个发送请求
+       3.对比同一用例的先后两次请求结果，如果不一致，就在列表中标记对应的用例(× 蓝黄红色下载(点击下载两个文件) √)。
+       4.如果这次请求结果正确，就把请求结果保存到和公司开发环境服务器的APIJSON Server，并取消标记
+       */
+      test: function () {
+        var baseUrl = App.getBaseUrl()
+        var testList = App.testList || []
+        var list = App.remotes || []
+        var item
+        for (var i = 0; i < list.length; i ++) {
+          item = list[i]
+          if (item == null || item.name == null) {
+            continue
+          }
+          App.restore(item)
+          App.onChange(false)
+          App.request(baseUrl + item.url, item.request, function (url, res, err) {
+            App.onResponse(url, res, err)
+
+            if (res.data != item.response) {
+              item.compare = 4
+              alert('res.data != item.response')
+            }
+
+            testList.push(res.data)
+            App.testList = testList
+            App.isRemoteShow = true
+          })
+        }
+      },
+
+      downloadTest: function (index, item) {
+
+      },
+
+      handleTest: function (right, index, item) {
+        if (right) {
+          var testList = App.testList || []
+          item.response = testList[index]
+        }
+        item.compare = 0
+        var list = App.remotes || []
+        list[index] = item
       }
       // APIJSON >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
 
