測試平臺系列(77) 完善測試計劃頁面

大家好~我是米洛法严!

我正在從0到1打造一個開源的接口測試平臺, 也在編寫一套與之對應的完整教程村砂,希望大家多多支持烂斋。

歡迎關注我的龔仲耗測試開發(fā)坑貨,獲取最新文章教程!

回顧

上一節(jié)我們粗略介紹了下怎么設計前端頁面础废。時隔一日汛骂,博主已經(jīng)把代碼碼好了。

不得不說评腺,前端代碼還是非常非常難寫的帘瞭,感覺同樣是crud,卻比后端復雜許多蒿讥。這一節(jié)我們繼續(xù)補充這塊內容蝶念。

恭喜EDG獲取S11冠軍,EDG牛皮芋绸!蹭個熱度~

細節(jié)

細節(jié)部分大家可以參看具體的代碼邏輯媒殉,我這邊稍微介紹下頁面的調整。

數(shù)據(jù)構造器(前置條件)

這塊采用了Antd pro Components摔敛,也就是專業(yè)級的Card組件廷蓉。看起來確實比我自己寫的好上100個檔次:

前后對比:

  • 改造前
說實話马昙,非常地不專業(yè)

配色也不知道怎么配桃犬,我一直覺得前端很難刹悴,css是門學問。

  • 改造后
改造后層次分明攒暇,風格也統(tǒng)一

來看看ProCard的代碼:

  • 安裝ProCard
npm install --save @ant-design/pro-card
  • 使用
image

可以看到api比較簡單土匀,avatar就是卡片的圖標,title是標題扯饶,description是描述恒削。很習慣的antd風格池颈。

用例列表部分

image

我們都知道測試計劃就是為了組裝測試用例的尾序,所以我們這邊給出了一組數(shù)據(jù),可以通過項目獲取到該項目下的測試用例樹躯砰。

選中以后每币,下方會出現(xiàn)一個可拖拽的case列表,如果對于順序有嚴格要求的琢歇,可以拖動列表兰怠,改變case的執(zhí)行順序。

與之對應的李茫,需要通過項目獲取到case數(shù)據(jù):

這個組件用的是TreeSelect

也可以通過目錄來選擇case揭保。

后端改動如下:

改造了get_directory方法

因為我們是有通過項目獲取case目錄的方法的,現(xiàn)在缺的就是是否要繼續(xù)獲取目錄下的case魄宏。

所以定義了一個case_node的參數(shù)(參數(shù)是一個方法秸侣,獲取子節(jié)點的方法)。

如果有該方法宠互,則調用之獲取對應的節(jié)點味榛。

image

由于select數(shù)據(jù)比較奇怪,我們的數(shù)據(jù)庫存的case_list又是id予跌,所以我們想知道case名字并不是很容易搏色。

于是這里帶出項目樹的同事,帶出了case_id => case_name的映射關系: case_map券册。

這樣做肯定會有問題频轿,特別是數(shù)據(jù)量多的情況下。但一個project下的case有這么大規(guī)模的時候烁焙,也可以重構了略吨。

最后,編寫該接口:

image

前端通知部分

通知部分很簡單考阱,也是常規(guī)表單翠忠,給它們加上圖標會更友好:

image
image

通知具體的邏輯還沒有做,這涉及到人員的手機號乞榨,郵箱等秽之〉庇椋肯定是需要一個用戶管理頁面,用戶也需要更新資料的頁面考榨。

APScheduler的坑

不得不說跨细,這個庫還真的是有一些問題。雖然看起來是比較美好河质,但現(xiàn)實給人當頭一棒冀惭。

  • 踩坑

    當編輯測試計劃的時候,使用scheduler.modify_job掀鹅,就算你改變了trigger散休,也不會使cron表達式更新。

這邊需要先編輯乐尊,再暫停戚丸,再恢復即可生效

最后來張穩(wěn)定運行測試計劃的圖:

1分鐘一次,非常穩(wěn)定扔嵌,數(shù)據(jù)也跑了很多了

最新的代碼限府,我已經(jīng)部署了。

http://test.pity.fun

歡迎大家提各種建議和意見痢缎。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末胁勺,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子独旷,更是在濱河造成了極大的恐慌署穗,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件势告,死亡現(xiàn)場離奇詭異蛇捌,居然都是意外死亡,警方通過查閱死者的電腦和手機咱台,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進店門络拌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人回溺,你說我怎么就攤上這事春贸。” “怎么了遗遵?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵萍恕,是天一觀的道長。 經(jīng)常有香客問我车要,道長允粤,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮类垫,結果婚禮上司光,老公的妹妹穿的比我還像新娘。我一直安慰自己悉患,他們只是感情好残家,可當我...
    茶點故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著售躁,像睡著了一般坞淮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上陪捷,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天回窘,我揣著相機與錄音,去河邊找鬼揩局。 笑死毫玖,一個胖子當著我的面吹牛掀虎,可吹牛的內容都是我干的凌盯。 我是一名探鬼主播,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼烹玉,長吁一口氣:“原來是場噩夢啊……” “哼驰怎!你這毒婦竟也來了?” 一聲冷哼從身側響起二打,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤县忌,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后继效,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體症杏,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年瑞信,在試婚紗的時候發(fā)現(xiàn)自己被綠了厉颤。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡凡简,死狀恐怖逼友,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情秤涩,我是刑警寧澤帜乞,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站筐眷,受9級特大地震影響黎烈,放射性物質發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一照棋、第九天 我趴在偏房一處隱蔽的房頂上張望津畸。 院中可真熱鬧,春花似錦必怜、人聲如沸肉拓。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽暖途。三九已至,卻和暖如春膏执,著一層夾襖步出監(jiān)牢的瞬間驻售,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工更米, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留欺栗,地道東北人。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓征峦,卻偏偏與公主長得像迟几,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子栏笆,可洞房花燭夜當晚...
    茶點故事閱讀 45,870評論 2 361

推薦閱讀更多精彩內容