@@ -867,44 +867,53 @@ Magic.Keys(() => {
867867 <el-button type =" primary" v-if =" !isHistoryTestCase && Cache.GetCurrentStore().kind.name == 'atest-store-orm'" @click =" openHistoryDialog" >{{ t('button.viewHistory') }}</el-button >
868868 <span v-if =" isHistoryTestCase" style =" margin-left : 15px ;" >{{ t('tip.runningAt') }}{{ HistoryTestCaseCreateTime }}</span >
869869 </div >
870- <div style =" display : flex ;" >
871- <el-select
872- v-if =" props.kindName !== 'tRPC' && props.kindName !== 'gRPC'"
873- v-model =" testCaseWithSuite.data.request.method"
874- class =" m-2"
875- placeholder =" Method"
876- size =" default"
877- test-id =" case-editor-method"
878- :disabled =" isHistoryTestCase"
879- >
880- <el-option
881- v-for =" item in options"
882- :key =" item.value"
883- :label =" item.key"
884- :value =" item.value"
885- />
886- </el-select >
887- <el-autocomplete
888- v-model =" testCaseWithSuite.data.request.api"
889- :fetch-suggestions =" querySuggestedAPIs"
890- placeholder =" API Address"
891- style =" width : 50% ; margin-left : 5px ; margin-right : 5px ; flex-grow : 1 ;"
892- :readonly =" isHistoryTestCase"
893- >
894- <template #default =" { item } " >
895- <div class =" value" >{{ item.request.method }}</div >
896- <span class =" link" >{{ item.request.api }}</span >
897- </template >
898- </el-autocomplete >
899-
900- <el-dropdown split-button type =" primary" @click =" sendRequest" v-loading =" requestLoading" v-if =" !isHistoryTestCase" >
901- {{ t('button.send') }}
902- <template #dropdown >
903- <el-dropdown-menu >
904- <el-dropdown-item @click =" openParameterDialog" >{{ t('button.sendWithParam') }}</el-dropdown-item >
905- </el-dropdown-menu >
906- </template >
907- </el-dropdown >
870+ <div >
871+ <el-row >
872+ <el-col :span =" 3" >
873+ <el-select
874+ v-if =" props.kindName !== 'tRPC' && props.kindName !== 'gRPC'"
875+ v-model =" testCaseWithSuite.data.request.method"
876+ class =" m-2"
877+ placeholder =" Method"
878+ size =" default"
879+ test-id =" case-editor-method"
880+ :disabled =" isHistoryTestCase"
881+ >
882+ <el-option
883+ v-for =" item in options"
884+ :key =" item.value"
885+ :label =" item.key"
886+ :value =" item.value"
887+ />
888+ </el-select >
889+ </el-col >
890+ <el-col :span =" 18" >
891+ <el-autocomplete
892+ v-model =" testCaseWithSuite.data.request.api"
893+ style =" width : 100% "
894+ :fetch-suggestions =" querySuggestedAPIs"
895+ placeholder =" API Address"
896+ :readonly =" isHistoryTestCase" >
897+ <template #default =" { item } " >
898+ <div class =" value" >{{ item.request.method }}</div >
899+ <span class =" link" >{{ item.request.api }}</span >
900+ </template >
901+ </el-autocomplete >
902+ </el-col >
903+ <el-col :span =" 3" >
904+ <el-dropdown split-button type =" primary"
905+ @click =" sendRequest"
906+ v-loading =" requestLoading"
907+ v-if =" !isHistoryTestCase" >
908+ {{ t('button.send') }}
909+ <template #dropdown >
910+ <el-dropdown-menu >
911+ <el-dropdown-item @click =" openParameterDialog" >{{ t('button.sendWithParam') }}</el-dropdown-item >
912+ </el-dropdown-menu >
913+ </template >
914+ </el-dropdown >
915+ </el-col >
916+ </el-row >
908917 </div >
909918 </el-header >
910919
@@ -1013,7 +1022,12 @@ Magic.Keys(() => {
10131022
10141023 <div style =" flex-grow : 1 ;" >
10151024 <div v-if =" bodyType === 6" >
1016- Filename: <el-input v-model =" testCaseWithSuite.data.request.filepath" placeholder =" file=sample.txt" />
1025+ <el-row >
1026+ <el-col :span =" 4" >Filename:</el-col >
1027+ <el-col :span =" 20" >
1028+ <el-input v-model =" testCaseWithSuite.data.request.filepath" placeholder =" file=sample.txt" />
1029+ </el-col >
1030+ </el-row >
10171031 </div >
10181032 <Codemirror v-if =" bodyType === 3 || bodyType === 5 || bodyType === 6"
10191033 @blur =" jsonFormat(-1)"
@@ -1040,27 +1054,34 @@ Magic.Keys(() => {
10401054 </el-tab-pane >
10411055
10421056 <el-tab-pane label =" Expected" name =" expected" v-if =" props.kindName !== 'tRPC' && props.kindName !== 'gRPC'" >
1043- <el-row :gutter =" 20" >
1044- <span
1045- class =" ml-3 w-50 text-gray-600 inline-flex items-center"
1046- style =" margin-left : 15px ; margin-right : 15px "
1047- >Status Code:</span
1048- >
1049- <el-input
1050- v-model =" testCaseWithSuite.data.response.statusCode"
1051- class =" w-50 m-2"
1052- placeholder =" Please input"
1053- style =" width : 200px "
1054- :readonly =" isHistoryTestCase"
1055- />
1057+ <el-row >
1058+ <el-col :span =" 4" >
1059+ Status Code:
1060+ </el-col >
1061+ <el-col :span =" 20" >
1062+ <el-input
1063+ v-model =" testCaseWithSuite.data.response.statusCode"
1064+ class =" w-50 m-2"
1065+ placeholder =" Please input"
1066+ :readonly =" isHistoryTestCase" >
1067+ <template #append >
1068+ {{ t('httpCode.' + testCaseWithSuite.data.response.statusCode) }}
1069+ </template >
1070+ </el-input >
1071+ </el-col >
1072+ </el-row >
1073+ <el-row >
1074+ <el-col :span =" 4" >Body:</el-col >
1075+ <el-col :span =" 20" >
1076+ <el-input
1077+ v-model =" testCaseWithSuite.data.response.body"
1078+ :autosize =" { minRows: 4, maxRows: 8 }"
1079+ type =" textarea"
1080+ placeholder =" Expected Body"
1081+ :readonly =" isHistoryTestCase"
1082+ />
1083+ </el-col >
10561084 </el-row >
1057- <el-input
1058- v-model =" testCaseWithSuite.data.response.body"
1059- :autosize =" { minRows: 4, maxRows: 8 }"
1060- type =" textarea"
1061- placeholder =" Expected Body"
1062- :readonly =" isHistoryTestCase"
1063- />
10641085 </el-tab-pane >
10651086
10661087 <el-tab-pane label =" Expected Headers" name =" expected-headers" v-if =" props.kindName !== 'tRPC' && props.kindName !== 'gRPC'" >
0 commit comments