資訊專欄INFORMATION COLUMN
摘要：新公司使用禪道作管理系統(tǒng)。每次產(chǎn)品上線的時候，所有的測試人員測試出之就就提在禪道上。避免本頁跳轉(zhuǎn)導(dǎo)致腳本失效。并給它綁定事件。很多瀏覽器插件，其實也是在別人的網(wǎng)站上運(yùn)行自己的腳本實現(xiàn)一些操作。
新公司使用禪道作bug管理系統(tǒng)。每次產(chǎn)品上線的時候，所有的測試人員測試出bug之就就提在禪道上。
由于我們公司目前的測試只有一個，就把很多產(chǎn)品拉來湊數(shù)。他們分不清bug和需求。所以往往出現(xiàn)的情況是一大屏的bug。但實際上能改的沒幾個。并且有很多bug是后端的。
要從那么多bug中找出來自己能改的，每次都要從那么多bug中來看，往往看得眼都花了，也沒找出來幾個有效bug，偏偏又不能處理掉，因為其他人可能要看。
于是決定花點時間寫個腳本來幫我處理一下那些干擾信息。把那些我不需要看到的條目隱藏起來。
要在bug列表table每一行加一個隱藏按鈕。點擊的話會隱藏掉該行。并且把該行的checkbox的value值記錄到localStorage中。
在console控制臺運(yùn)行腳本，會做這幾件事：
1.給table所有的a標(biāo)簽加屬性target="_blank"，這樣就會到新頁面打開bug詳情。避免本頁跳轉(zhuǎn)導(dǎo)致腳本失效。
2.把所有tr行中的checkbox的值放到該tr上。data-id屬性中。方便后續(xù)操作。
3.每行加一個隱藏按鈕。并給它綁定事件。點擊按鈕隱藏此行。把最后一個td加長。
4.把localStorage保存的所有值的行隱藏起來。
為了避免翻頁引起頁面跳轉(zhuǎn)。先要把每一頁的數(shù)量調(diào)大一些。這樣操作就在同一個頁面上，不需要多次運(yùn)行腳本了。
原來的bug可能有這么多：
運(yùn)行腳本之后的效果（很多條干擾信息已經(jīng)被我隱藏掉了）：
可以看到每一行的右邊都加了一個隱藏按鈕。我們看過bug之后覺得是自己不用理會的。就可以點擊隱藏。
并且下次打開頁面再次運(yùn)行腳本，你之前隱藏過的就會自動隱藏起來。
這樣就能很大程度上減少干擾信息了。
另外，這個代碼通用性也是比較強(qiáng)的。換一個系統(tǒng)，要實現(xiàn)類似的功能只需要稍作改動就可以。
下面是代碼：
function CD(){}
CD.prototype = {
init:function(){
this.open();
this.hideItems();
this.bindEvent();
},
open:function(){
//所有a標(biāo)簽新標(biāo)簽打開
$("td a").attr("target","_blank");
//給每一行加一個我們的按鈕。
$(".s-hide").remove();
$("tr.text-center td:last-child").append("隱藏");
$("tr th:last").width(170);
//給tr加上id。方便操作
$("tr").each(function(index, el) {
$(this).attr("data-id",$(this).find("input:checkbox").val());
});
},
bindEvent:function(){
//點擊隱藏。
$("body").on("click", ".s-hide", function(event) {
var id = $(this).parents("tr").find("input:checkbox").val();
var hideStr = localStorage.hideStr || "";
var hideArr = hideStr.split("-");
hideArr.push(id);
localStorage.hideStr = hideArr.join("-");
$(this).parents("tr").hide();
});
},
//初始化的時候隱藏我們隱藏過的。
hideItems:function(){
var hideStr = localStorage.hideStr || "";
var hideArr = hideStr.split("-");
var len = hideArr.length;
for (var i = 0; i < len; i++) {
$("tr[data-id="+hideArr[i]+"]").hide();
}
},
//顯示隱藏的。
show:function(){
localStorage.hideStr = "";
$("tr").show();
}
}
//調(diào)用
var cd = new CD;
cd.init();
// 顯示全部請手動調(diào)用 cd.show();
嗯，JavaScript能做的事實在太多。
面對別人的網(wǎng)站，我們也可以大有可為。
很多瀏覽器插件，其實也是在別人的網(wǎng)站上運(yùn)行自己的腳本實現(xiàn) 一些操作。比如攔截廣告。搶月餅。。。
作為一個前端程序員來講，順手寫幾行腳本提高一點工作效率也是不錯的。
github:https://github.com/liusaint/J...
注：本文同步發(fā)表在我的CSDN博客上。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/88032.html
目錄 一、禪道 一、測試工具背景 二、測試管理工具 三、測試工具介紹 四、禪道介紹 五、禪道操作 7. 創(chuàng)建發(fā)布 8. 測試團(tuán)隊 二、缺陷報告 三、測試報告 一、概要 二、測試過程 三、缺陷分析 四、測試總結(jié) 四、接口測試以及用例編寫 五、Fiddler 好文推薦 一、禪道 一、測試工具背景 當(dāng)測試環(huán)境搭建完成后，測試人員將在自己搭建的環(huán)境上執(zhí)行測試用例，開展測試工作。測試人員在執(zhí)行測試用例的過...
摘要：引言禪道的使用在其手冊中有比較詳細(xì)的介紹，大家可以參考其中還包括介紹的視頻。應(yīng)用范圍禪道主要應(yīng)用于軟件項目的管理。軟件完整使用其支持的流程主要按照敏捷開發(fā)的流程支持的。擴(kuò)展機(jī)制，幾乎可以對禪道的任何地方進(jìn)行擴(kuò)展。 ...
摘要：協(xié)議學(xué)習(xí)常見請求方法學(xué)習(xí)和學(xué)習(xí)接口的基本概念接口文檔認(rèn)識接口測試用例編寫接口測試工具使用軟件測試自動化進(jìn)階性能測試性能測試的技術(shù)要求很高，不僅僅要對性能測試的指標(biāo)測試分類測試設(shè)計有很深刻的理解。 ...
摘要：作為一個基礎(chǔ)的還會占有一些優(yōu)勢的，因為你之前沒有過相關(guān)的經(jīng)驗，那么你在領(lǐng)域可以說是一張白紙。不嘗試怎么知道自己能不能行呢要相信自己，零基礎(chǔ)的也是可以做軟件測試工程師的。 有IT的背景人可能在第一階段基礎(chǔ)的學(xué)習(xí)中更加快速，但是接下來關(guān)于測試的階段，有無基礎(chǔ)并無太大區(qū)別。 接觸過IT的人，比如編...
閱讀 2165·2021-11-15 11:36
閱讀 1506·2021-09-23 11:55
閱讀 2498·2021-09-22 15:16
閱讀 2036·2019-08-30 15:45
閱讀 1872·2019-08-29 11:10
閱讀 1037·2019-08-26 13:40
閱讀 925·2019-08-26 10:44
閱讀 3179·2019-08-23 14:55
