測試瀏覽器的方法和裝置制造方法
【專利摘要】本發(fā)明公開了一種測試瀏覽器的方法和裝置,屬于計算機(jī)【技術(shù)領(lǐng)域】。所述方法包括:在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染;截取渲染后的所述測試網(wǎng)頁的圖片;將截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對;根據(jù)比對結(jié)果得到所述待測瀏覽器的渲染能力。所述裝置包括:渲染模塊、截取模塊、比對模塊和獲取模塊。本發(fā)明通過在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染,截取渲染后的該測試網(wǎng)頁的圖片,將截取的該測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對,根據(jù)比對結(jié)果得到該待測瀏覽器的渲染能力,能夠自動地獲取瀏覽器的渲染能力,極大地提高了測試效率,并且能夠規(guī)避測試人員的人為失誤。
【專利說明】測試瀏覽器的方法和裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機(jī)【技術(shù)領(lǐng)域】,特別涉及一種測試瀏覽器的方法和裝置。
【背景技術(shù)】
[0002]隨著移動通信技術(shù)的普及,手機(jī)上網(wǎng)越來越普遍,隨之而來的是手機(jī)瀏覽器的人群使用范圍的增加和時間密度的增加,這就對手機(jī)瀏覽器瀏覽手機(jī)面向手機(jī)的網(wǎng)頁和常規(guī)網(wǎng)頁的顯示能力提出了更高的要求,具體地就需要測試手機(jī)瀏覽器的渲染能力。
[0003]現(xiàn)有測試手機(jī)瀏覽器的方法是測試人員在網(wǎng)址欄中手動輸入被測試網(wǎng)址,然后通過打開的網(wǎng)址頁面信息進(jìn)行肉眼判斷和比對。
[0004]在實現(xiàn)本發(fā)明的過程中,發(fā)明人發(fā)現(xiàn)現(xiàn)有技術(shù)至少存在以下問題:
[0005]人工手動輸入判斷的效率很低,時間效率難保證。人為判斷失誤率高,如果內(nèi)核有微小的變更,比如字體大小的變化,顏色深淺的變化很難被肉眼所察覺。
【發(fā)明內(nèi)容】
[0006]為了解決現(xiàn)有技術(shù)的問題,本發(fā)明實施例提供了一種測試瀏覽器的方法和裝置。所述技術(shù)方案如下:
[0007]—方面,提供了一種測試瀏覽器的方法,所述方法包括:
[0008]在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染;
[0009]截取渲染后的所述測試網(wǎng)頁的圖片;
[0010]將截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對;
[0011 ] 根據(jù)比對結(jié)果得到所述待測瀏覽器的渲染能力。
[0012]優(yōu)選地,所述在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染之前還包括:
[0013]預(yù)先存儲所述預(yù)期圖片,所述預(yù)期圖片與所述測試網(wǎng)頁的網(wǎng)址相對應(yīng),所述測試網(wǎng)頁及對應(yīng)的預(yù)期圖片為一至多對;
[0014]所述在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染,具體包括:
[0015]獲取與所述預(yù)期圖片相對應(yīng)的所述測試網(wǎng)頁的網(wǎng)址,根據(jù)所述測試網(wǎng)頁的網(wǎng)址在待測瀏覽器上渲染所述測試網(wǎng)頁。
[0016]優(yōu)選地,將截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對具體包括:
[0017]將截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片分別劃分成相同大小及數(shù)量的網(wǎng)格;
[0018]比對兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色是否相同;
[0019]如果兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色均相同,則比對結(jié)果為成功;
[0020]如果兩個圖片之間存在至少一個對應(yīng)的網(wǎng)格的圖案或顏色不同,則比對結(jié)果為失敗。
[0021]優(yōu)選地,所述將截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對之后,還包括:[0022]根據(jù)比對結(jié)果生成并顯示測試信息,所述測試信息包括測試名稱、測試結(jié)果、測試網(wǎng)頁的數(shù)量、成功的測試網(wǎng)頁的數(shù)量、失敗的測試網(wǎng)頁的數(shù)量、測試時間中的至少一種。
[0023]優(yōu)選地,所述顯示測試信息之后,還包括:
[0024]顯示失敗的測試結(jié)果詳情,所述測試結(jié)果詳情包括測試網(wǎng)頁的信息、測試耗時、預(yù)期圖片與測試網(wǎng)頁的圖片比對示意圖中的至少一種信息。
[0025]另一方面,提供了一種測試瀏覽器的裝置,所述裝置包括:
[0026]渲染模塊,用于在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染;
[0027]截取模塊,用于截取所述渲染模塊渲染后的測試網(wǎng)頁的圖片;
[0028]比對模塊,用于將所述截取模塊截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對;
[0029]獲取模塊,用于根據(jù)所述比對模塊得到的比對結(jié)果得到所述待測瀏覽器的渲染能力。
[0030]優(yōu)選地,所述裝置還包括:
[0031]存儲模塊,用于預(yù)先存儲所述預(yù)期圖片,所述預(yù)期圖片與所述測試網(wǎng)頁的網(wǎng)址相對應(yīng),所述測試網(wǎng)頁及對應(yīng)的預(yù)期圖片為一至多對;
[0032]所述渲染模塊,具體包括:
[0033]獲取單元,用于獲取與所述預(yù)期圖片相對應(yīng)的所述測試網(wǎng)頁的網(wǎng)址;
[0034]渲染單元,用于根據(jù)所述獲取單元獲取到的測試網(wǎng)頁的網(wǎng)址在待測瀏覽器上渲染所述測試網(wǎng)頁。
[0035]優(yōu)選地,所述比對模塊具體包括:
[0036]劃分單元,用于將截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片分別劃分成相同大小及數(shù)量的網(wǎng)格;
[0037]比對單元,用于比對兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色是否相同;如果兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色均相同,則比對結(jié)果為成功;如果兩個圖片之間存在至少一個對應(yīng)的網(wǎng)格的圖案或顏色不同,則比對結(jié)果為失敗。
[0038]優(yōu)選地,所述裝置還包括:
[0039]顯示模塊,用于根據(jù)比對結(jié)果生成并顯示測試信息,所述測試信息包括測試名稱、測試結(jié)果、測試網(wǎng)頁的數(shù)量、成功的測試網(wǎng)頁的數(shù)量、失敗的測試網(wǎng)頁的數(shù)量、測試時間中的至少一種。
[0040]優(yōu)選地,所述顯示模塊,還用于顯示失敗的測試結(jié)果詳情,所述測試結(jié)果詳情包括測試網(wǎng)頁的信息、測試耗時、預(yù)期圖片與測試網(wǎng)頁的圖片比對示意圖中的至少一種信息。
[0041]本發(fā)明實施例提供的技術(shù)方案帶來的有益效果是:
[0042]本實施例通過在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染,截取渲染后的該測試網(wǎng)頁的圖片,將截取的該測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對,根據(jù)比對結(jié)果得到該待測瀏覽器的渲染能力,極大地提高了測試效率,并且能夠規(guī)避測試人員的人為失誤,實現(xiàn)精確、細(xì)致、高效的自動測試瀏覽器的渲染能力。
【專利附圖】
【附圖說明】
[0043]為了更清楚地說明本發(fā)明實施例中的技術(shù)方案,下面將對實施例描述中所需要使用的附圖作簡單地介紹,顯而易見地,下面描述中的附圖僅僅是本發(fā)明的一些實施例,對于本領(lǐng)域普通技術(shù)人員來講,在不付出創(chuàng)造性勞動的前提下,還可以根據(jù)這些附圖獲得其他的附圖。
[0044]圖1是本發(fā)明實施例一提供的一種測試瀏覽器的方法流程圖;
[0045]圖2是本發(fā)明實施例二提供的一種測試瀏覽器的方法流程圖;
[0046]圖3是本發(fā)明實施例二提供的一種測試瀏覽器的界面示意圖;
[0047]圖4是本發(fā)明實施例二提供的另一種測試瀏覽器的界面示意圖;
[0048]圖5是本發(fā)明實施例三提供的一種測試瀏覽器的裝置結(jié)構(gòu)示意圖;
[0049]圖6是本發(fā)明實施例三提供的另一種測試瀏覽器的裝置結(jié)構(gòu)示意圖;
[0050]圖7是本發(fā)明實施例三提供的一種渲染模塊的結(jié)構(gòu)示意圖;
[0051]圖8是本發(fā)明實施例三提供的一種比對模塊的結(jié)構(gòu)示意圖;
[0052]圖9是本發(fā)明實施例三提供的又一種測試瀏覽器的裝置結(jié)構(gòu)示意圖。
【具體實施方式】
[0053]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點更加清楚,下面將結(jié)合附圖對本發(fā)明實施方式作進(jìn)一步地詳細(xì)描述。
[0054]實施例一
[0055]參見圖1,本實施例提供了一種測試瀏覽器的方法,方法如下:
[0056]步驟110:在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染;
[0057]進(jìn)一步地,在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染之前,還包括:
[0058]預(yù)先存儲預(yù)期圖片,預(yù)期圖片與測試網(wǎng)頁的網(wǎng)址相對應(yīng),測試網(wǎng)頁及對應(yīng)的預(yù)期圖片為一至多對;
[0059]在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染,具體包括:
[0060]獲取與預(yù)期圖片相對應(yīng)的測試網(wǎng)頁的網(wǎng)址,根據(jù)測試網(wǎng)頁的網(wǎng)址在待測瀏覽器上渲染測試網(wǎng)頁。
[0061]步驟120:截取渲染后的該測試網(wǎng)頁的圖片;
[0062]步驟130:將截取的該測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對;
[0063]具體地,將截取的測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對,具體包括:
[0064]將截取的測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片分別劃分成相同大小及數(shù)量的網(wǎng)格;
[0065]比對兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色是否相同;
[0066]如果兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色均相同,則比對結(jié)果為成功;
[0067]如果兩個圖片之間存在至少一個對應(yīng)的網(wǎng)格的圖案或顏色不同,則比對結(jié)果為失敗。
[0068]步驟140:根據(jù)比對結(jié)果得到該待測瀏覽器的渲染能力。
[0069]進(jìn)一步地,將截取的測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對之后,還包括:
[0070]根據(jù)比對結(jié)果生成并顯示測試信息,測試信息包括測試名稱、測試結(jié)果、測試網(wǎng)頁的數(shù)量、成功的測試網(wǎng)頁的數(shù)量、失敗的測試網(wǎng)頁的數(shù)量、測試時間中的至少一種。
[0071]進(jìn)一步地,顯示測試信息之后,還包括:[0072]顯示失敗的測試結(jié)果詳情,測試結(jié)果詳情包括測試網(wǎng)頁的信息、測試耗時、預(yù)期圖片與測試網(wǎng)頁的圖片比對示意圖中的至少一種信息。
[0073]本實施例提供的方法,通過在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染,截取渲染后的該測試網(wǎng)頁的圖片,將截取的該測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對,根據(jù)比對結(jié)果得到該待測瀏覽器的渲染能力,實現(xiàn)自動地對瀏覽器的渲染能力進(jìn)行測試,極大地提高了測試效率,并且能夠規(guī)避測試人員的人為失誤。
[0074]實施例二
[0075]參見圖2,本實施例提供了一種測試瀏覽器的方法,方法如下:
[0076]步驟210:預(yù)先存儲預(yù)期圖片,該預(yù)期圖片與測試網(wǎng)頁的網(wǎng)址相對應(yīng),該測試網(wǎng)頁及對應(yīng)的預(yù)期圖片為一至多對;
[0077]本發(fā)明實施例中,預(yù)先對每個不同的網(wǎng)頁設(shè)置了相對應(yīng)的預(yù)期圖片;預(yù)期圖片是測試中對應(yīng)需要測試的網(wǎng)頁的圖片,該圖片上的圖案表現(xiàn)出的是測試人員預(yù)設(shè)的希望此網(wǎng)頁渲染出來的效果,也就是一種預(yù)設(shè)的標(biāo)準(zhǔn)圖片。
[0078]具體地,預(yù)先存儲測試計劃中的預(yù)期圖片時,該預(yù)期圖片與測試網(wǎng)頁的網(wǎng)址相對應(yīng),因此,測試網(wǎng)頁和預(yù)期圖片為一一對應(yīng)的關(guān)系,同一次測試計劃中,采用的測試網(wǎng)頁與預(yù)期圖片為一至多對。相應(yīng)地,測試網(wǎng)頁的網(wǎng)址URL (Uniform/Universal ResourceLocator,統(tǒng)一資源定位符)與預(yù)期圖片也為一至多對;測試網(wǎng)頁的網(wǎng)址URL與預(yù)期圖片的這種映射關(guān)系視為測試中的測試項。執(zhí)行測試項使得整個測試既可以面向所有網(wǎng)頁的內(nèi)容,也可以面向瀏覽器中需要測試的幾個孤立網(wǎng)頁的內(nèi)容,方式靈活,節(jié)約時間。
[0079]步驟220:獲取與預(yù)期圖片相對應(yīng)的測試網(wǎng)頁的網(wǎng)址,根據(jù)該測試網(wǎng)頁的網(wǎng)址在待測瀏覽器上渲染測試網(wǎng)頁;
[0080]針對該步驟,為了能夠?qū)g覽器進(jìn)行渲染能力的測試,可預(yù)先模擬一個處理環(huán)境,該處理環(huán)境可以再現(xiàn)瀏覽器的顯示情況,例如在一臺電腦上安裝手機(jī)模擬器軟件,由該手機(jī)模擬器軟件模擬手機(jī)瀏覽器的顯示情況。需要說明的是,本實施例在此處所用的瀏覽器運(yùn)行在symbian (塞班)平臺上,相應(yīng)還可以運(yùn)行于安卓,IOS (IPhone Operating System,蘋果手機(jī)操作平臺)等平臺,本實施例不對瀏覽器運(yùn)行的具體平臺進(jìn)行限定,具體實施時僅需預(yù)知不同瀏覽器的內(nèi)核接口,就可以調(diào)用該接口實現(xiàn)不同瀏覽器渲染能力的測試,因而可以根據(jù)處理環(huán)境的改變而靈活更換平臺,且所需處理環(huán)境僅需一臺PC (PersonalComputer,個人電腦)便可提供,所以整個處理環(huán)境和其測試的瀏覽器類型的適用面比較廣,條件簡單,能夠滿足不同需求。
[0081]在對測試網(wǎng)頁進(jìn)行渲染時,該處理環(huán)境先經(jīng)由瀏覽器內(nèi)核提供的load (讀取)接口,獲取與預(yù)先存儲的預(yù)期圖片相對應(yīng)的測試網(wǎng)頁的網(wǎng)址URL,并在讀取該URL后,用待測瀏覽器程序打開該URL,以根據(jù)該測試網(wǎng)頁的URL在待測瀏覽器上實現(xiàn)對測試網(wǎng)頁進(jìn)行渲染。
[0082]其中,渲染指的是根據(jù)網(wǎng)頁的URL協(xié)議和目的地,登陸目的地站點獲取描述資源,該描述資源被下載到處理環(huán)境后,由瀏覽器加載并解析該描述資源,實現(xiàn)將相應(yīng)圖片、文字、效果等內(nèi)容轉(zhuǎn)化到當(dāng)前顯示界面上。
[0083]步驟230:截取渲染后的該測試網(wǎng)頁的圖片;
[0084]具體地,在上述步驟220對測試網(wǎng)頁渲染完成后,通過瀏覽器內(nèi)核的截圖功能,將顯示在處理環(huán)境中對應(yīng)此測試網(wǎng)頁地址的當(dāng)前網(wǎng)頁的顯示內(nèi)容進(jìn)行截圖,得到截取的該測試網(wǎng)頁的圖片。其中,截取測試網(wǎng)頁的圖片的方式具體實施時可采用現(xiàn)有的截圖技術(shù)實現(xiàn),本實施例對此不做具體限定。
[0085]步驟240:將截取的該測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對;
[0086]針對該步驟,在將截取的測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對之前,獲取預(yù)先存儲的與測試網(wǎng)頁的網(wǎng)址URL相對應(yīng)的預(yù)期圖片。比對過程中,首先將截取的測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片分別用規(guī)格大小和數(shù)量相同的網(wǎng)格以同樣方式進(jìn)行劃分;這種劃分使得測試網(wǎng)頁的圖片和對應(yīng)的預(yù)期圖片的總網(wǎng)格數(shù)和每個網(wǎng)格的位置大小都相同,確保對比過程不受到網(wǎng)格本身性質(zhì)和鋪設(shè)方法的誤差影響,執(zhí)行同一標(biāo)準(zhǔn)。
[0087]接著,比對兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色是否相同;如果兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色均相同,則比對結(jié)果為成功;如果兩個圖片之間存在至少一個對應(yīng)的網(wǎng)格的圖案或顏色不同,則比對結(jié)果為失敗。通過比對相同位置網(wǎng)格內(nèi)的圖案和顏色,確保了精確沒有遺漏,遠(yuǎn)遠(yuǎn)超過了人工肉眼的比對能力,可直接找出渲染能力不通過的測試網(wǎng)頁,因而測試結(jié)果較人工判斷的方式更為精準(zhǔn)。
[0088]其中,比對兩個圖片網(wǎng)格內(nèi)的圖案,這里比較的是圖案的大小和尺寸;如果存在某一對相同位置的網(wǎng)格內(nèi)的圖案不相同,則比對結(jié)果失??;如果所有對相同位置的網(wǎng)格內(nèi)的圖案比對都相同,繼續(xù)比對兩個圖片每對網(wǎng)格中包含的圖案的顏色,若存在某一對相同位置的網(wǎng)格內(nèi)包含的圖案顏色不同,則對比結(jié)果失敗,如果所有對同一位置網(wǎng)格內(nèi)圖案的顏色也相同,則對比結(jié)果成功。
[0089]顏色比對在黑白圖像中是判斷該網(wǎng)格內(nèi)圖案的灰度值是否相同,O表示黑,最大值表示白色;而顏色比對在彩色圖像中是判斷該網(wǎng)格內(nèi)圖像紅綠藍(lán)強(qiáng)度值(RGB)是否相同,紅綠藍(lán)三種顏色分量對應(yīng)0-255的數(shù)值范圍,紅綠藍(lán)強(qiáng)度值是否相同就是比較這三個顏色的數(shù)值是否都相等。實際中,除了灰度值和紅綠藍(lán)強(qiáng)度值這兩種顏色表達(dá)方式外,圖像處理中也存在其他顏色標(biāo)準(zhǔn),本實施例僅列舉其中這兩種,但并不對此作出具體限定。
[0090]另外,比對過程中為了最大限度地減少自動測試的誤差,可以采取以下措施進(jìn)一步提升測試瀏覽器渲染能力的穩(wěn)定性:
[0091]在所有比對過程中,由于測試程序本身的漏洞和相關(guān)環(huán)境的不穩(wěn)定原因,如果比對結(jié)果第一次表現(xiàn)為失敗,可以不直接判定測試結(jié)果為失敗。而是重新測試一次,如果第二次還是表現(xiàn)為失敗,那么可以將測試結(jié)果判定為失敗,而如果第二次表現(xiàn)為成功,則可以認(rèn)為第一次測試有誤,需要多測試幾次再判定結(jié)果是否為成功。
[0092]步驟250:根據(jù)比對結(jié)果得到該待測瀏覽器的渲染能力;
[0093]其中,該瀏覽器的渲染能力指的是解析資源的能力,具體就是解析資源中的標(biāo)簽體現(xiàn)網(wǎng)頁正確顯示效果的能力,例如字體的陰影、立體、凹陷的標(biāo)簽效果與預(yù)期是否一致,而不涉及解析速度的測試。
[0094]該步驟在得出渲染能力的結(jié)論之前,如果某次網(wǎng)頁測試渲染中導(dǎo)致程序崩潰或者自動退出等異常,則記錄此網(wǎng)頁測試為異常(而不是不通過),這里的異常會作為結(jié)果顯示到最終的報告結(jié)果中,也就是說異常結(jié)果會記錄,而不當(dāng)即對其渲染能力做出結(jié)論,測試完畢后由測試人員進(jìn)一步研究此次測試的異?,F(xiàn)象是該網(wǎng)頁編寫問題還是瀏覽器本身的穩(wěn)定性等問題導(dǎo)致的。然后自動重啟,跳過此項異常測試進(jìn)行后續(xù)的測試。相應(yīng)地,可以使瀏覽器每隔一定的次數(shù)(例如30次)自動重啟。以減少內(nèi)存消耗,最大限度減少異常狀況發(fā)生的頻率。按照上述步驟210至步驟240對所有測試項執(zhí)行測試后,如果存在某一測試項中測試網(wǎng)頁的圖片和預(yù)期圖片比對失敗,則判斷瀏覽器的測試結(jié)果為不通過。如果在沒有測試項比對該二者失敗的條件下,某一測試項中測試網(wǎng)頁的圖片和預(yù)期圖片比對異常,則判斷瀏覽器的測試結(jié)果為異常;如果所有測試網(wǎng)頁的圖片和預(yù)期圖片都比對成功,則判斷瀏覽器的測試結(jié)果為通過。
[0095]在根據(jù)比對結(jié)果得到該待測瀏覽器的渲染能力時,渲染能力可以用測試結(jié)果的通過和不通過來表示,也可以用不同等級來表示。以多個測試網(wǎng)頁對待測瀏覽器進(jìn)行測試之后,根據(jù)比對結(jié)果為成功或失敗的比例將待測瀏覽器的渲染能力分為優(yōu)、良、中、差四個等級為例,如果所有測試網(wǎng)頁與對應(yīng)的預(yù)期圖片進(jìn)行比對的比對結(jié)果均為成功,則將該瀏覽器的渲染能力的等級定義為優(yōu),如果有10%的測試網(wǎng)頁與對應(yīng)的預(yù)期圖片進(jìn)行比對的比對結(jié)果為失敗,則將該瀏覽器的渲染能力的等級定義為良,如果有20%的測試網(wǎng)頁與對應(yīng)的預(yù)期圖片進(jìn)行比對的比對結(jié)果為失敗,則將該瀏覽器的渲染能力的等級定義為中,如果有大于20%的測試網(wǎng)頁與對應(yīng)的預(yù)期圖片進(jìn)行比對的比對結(jié)果為失敗,則將該瀏覽器的渲染能力的等級定義為差。當(dāng)然,除了按照上面的比例定義瀏覽器的渲染能力的等級外,還可以選擇其他比例,或是選擇其他等級劃分方式,本實施例對此均不做具體限定。
[0096]至此,測試瀏覽器的過程結(jié)束,可選地,為了便于對測試結(jié)果進(jìn)行查看,本實施例提供的方法還包括后續(xù)顯示測試信息的過程,詳見后續(xù)步驟的具體描述。
[0097]步驟260:根據(jù)比對結(jié)果生成并顯示測試信息,該測試信息包括測試名稱、測試結(jié)果、測試網(wǎng)頁的數(shù)量、成功的測試網(wǎng)頁的數(shù)量、失敗的測試網(wǎng)頁的數(shù)量、測試時間中的至少一種。
[0098]針對該步驟,在根據(jù)比對結(jié)果生成并顯示測試信息時,本實施例不對顯示測試信息的具體方式進(jìn)行限定,例如,實際應(yīng)用中可以列表的形式顯示測試信息,以圖3所示的顯示方式為例。圖3中,顯示的測試名稱為瀏覽器symbian自動測試,用不同顏色顯示測試狀態(tài),例如,以綠色表示通過、紅色表示不通過、黃色表示異常來表示不同狀態(tài),并用漢字在測試結(jié)果一欄標(biāo)出。除此之外,利用圖3的表格列舉出測試網(wǎng)頁的數(shù)量、執(zhí)行測試網(wǎng)頁的數(shù)量、通過測試的數(shù)量以及不通過測試的數(shù)量,如測試網(wǎng)頁數(shù)量為632、執(zhí)行測試數(shù)量為632、通過測試數(shù)量為627、不通過測試數(shù)量為5,由此可反映出測試結(jié)果詳情,另外,圖3還顯示出了被測程序版本,即測試的瀏覽器的版本,以及最后測試時間、測試負(fù)責(zé)人等具體信息,并通過圖3所示的上述信息報告兼顧了測試的精細(xì)度與報告總結(jié)的簡練度。
[0099]進(jìn)一步地,針對測試信息,本實施例提供的方法還支持查看和執(zhí)行操作,例如,通過圖3顯示測試信息時,還提供查看和執(zhí)行選項,通過圖3中的執(zhí)行選項重新執(zhí)行測試過程,通過查看選項具體查看每一個測試結(jié)果和對應(yīng)的測試信息,使得自動測試和人工預(yù)期需要有機(jī)結(jié)合,實現(xiàn)測試進(jìn)程的有效反饋和控制。對于失敗的測試結(jié)果,本實施例還提供了顯示測試結(jié)果詳情的步驟,具體顯示方式可通過如下步驟實現(xiàn)。
[0100]步驟270:顯示失敗的測試結(jié)果詳情,該測試結(jié)果詳情包括測試網(wǎng)頁的信息、測試耗時、預(yù)期圖片與測試網(wǎng)頁的圖片比對示意圖中的至少一種信息;
[0101]具體地,針對上述步驟260顯示的測試信息,對于成功和異常的測試結(jié)果僅需顯示測試結(jié)果成功或異常的字樣,失敗的測試結(jié)果還可以得到以下擴(kuò)展信息:[0102]測試結(jié)果若失敗,提供查看測試網(wǎng)頁的詳情,包括測試網(wǎng)頁信息中附帶備注顯示的此預(yù)期圖片的預(yù)存URL地址、測試耗時,以及預(yù)期圖片與失敗的測試網(wǎng)址的圖片覆蓋網(wǎng)格的比對示意圖;也就是說,需要提供一個將失敗測試結(jié)果表單化展示的途徑,在此使得自動的測試中的不合格的測試網(wǎng)頁能夠通過比對示意圖直觀表現(xiàn)出來,同時提供人工和智能行為互動的平臺。在顯示失敗的測試結(jié)果詳情時,本實施例不對具體顯示方式及顯示的內(nèi)容進(jìn)行限定,以圖4所示的顯示方式為例,具體顯示內(nèi)容可以包括:
[0103]查看測試詳情:在測試運(yùn)行過程中實時地查看圖片比對過程和代碼運(yùn)行情況。
[0104]下載log (測試網(wǎng)頁的圖片)信息:下載測試失敗的log對應(yīng)的編寫代碼,使得工程測試人員便于進(jìn)一步從編寫代碼中精確定位追查失敗的測試網(wǎng)頁。
[0105]下載附件:附件包括測試失敗log和其URL地址,如有需要,測試維護(hù)人員下載附件后解壓,可以覆蓋到本地的管理軟件上,下次就自動用“比對結(jié)果為失敗的測試網(wǎng)頁的圖片”作為新的期望圖片直接覆蓋預(yù)存的預(yù)期圖片即可。例如,某“中”字的字體大小在測試網(wǎng)頁中顯示為5號字與預(yù)期圖片中的4號字“中”對比不一致,而目前又需要將其改成5號字,則下載比對結(jié)果為失敗的測試網(wǎng)頁的圖片和其地址信息到管理軟件后,可以實現(xiàn)以“比對結(jié)果為失敗的測試網(wǎng)頁的圖片”覆蓋原預(yù)期圖片生成新的預(yù)期圖片,以提高了測試的效率,實現(xiàn)了測試結(jié)果的進(jìn)一步精確性和改動的靈活性。
[0106]查看測試項:通過以年月日為單位界定測試起始時間和結(jié)束時間,以及查看已執(zhí)行的測試項的執(zhí)行時間等信息,相當(dāng)于測試的記錄,使測試整體脈絡(luò)清晰,功能完善,提高了測試的自動化水平。
[0107]進(jìn)一步地,除了顯示上述信息外,在結(jié)論的交互上,并不是僅僅通過人為記錄或者電腦系統(tǒng)打分,而是將失敗測試項的比對示意圖單獨直觀顯示出來,便于工程測試人員有針對性地直接進(jìn)行替換操作和修正操作,在通過比對示意圖可以直觀地找到比對結(jié)果為失敗的測試網(wǎng)頁,而不需要在整個網(wǎng)頁的代碼中去找到底是那個測試網(wǎng)頁出現(xiàn)了問題,在界面上的互動實現(xiàn)了人工和自動測試的有機(jī)結(jié)合。
[0108]本實施例提供的方法,通過在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染,截取渲染后的該測試網(wǎng)頁的圖片,將截取的該測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對,根據(jù)比對結(jié)果得到該待測瀏覽器的渲染能力,極大地提高了測試效率,并且能夠規(guī)避測試人員的人為失誤;另外,通過生成并顯示測試信息,并顯示測試網(wǎng)頁與預(yù)期圖片的比對示意圖,從而直觀地顯示渲染能力不通過的測試網(wǎng)頁的圖片,實現(xiàn)精確、細(xì)致、高效的自動測試瀏覽器的渲染能力。
[0109]實施例三
[0110]圖5所示,本實施例提供了一種測試瀏覽器的裝置,該裝置用于執(zhí)行上述實施例一和實施例二所提供的測試瀏覽器的方法。該測試瀏覽器的裝置具體包括:
[0111]渲染模塊310,用于在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染;
[0112]截取模塊320,用于截取渲染模塊310渲染后的測試網(wǎng)頁的圖片;
[0113]比對模塊330,用于將截取模塊320截取的測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對;
[0114]獲取模塊340,用于根據(jù)比對模塊330得到的比對結(jié)果得到待測瀏覽器的渲染能力。[0115]進(jìn)一步地,如圖6,該裝置還包括:
[0116]存儲模塊300,用于預(yù)先存儲預(yù)期圖片,該預(yù)期圖片與測試網(wǎng)頁的網(wǎng)址相對應(yīng),該測試網(wǎng)頁及對應(yīng)的預(yù)期圖片為一至多對。
[0117]如圖7,渲染模塊310具體包括:
[0118]獲取單元311,用于獲取與預(yù)期圖片相對應(yīng)的測試網(wǎng)頁的網(wǎng)址;
[0119]渲染單元312,用于根據(jù)獲取單元獲取到的測試網(wǎng)頁的網(wǎng)址在待測瀏覽器上渲染測試網(wǎng)頁。
[0120]其中,存儲模塊300存儲預(yù)期圖片的方式詳見上述實施例二中步驟210的相關(guān)描述,此處不再贅述;渲染模塊310渲染測試網(wǎng)頁的方式詳見上述實施例二中步驟220的相關(guān)描述,此處不再贅述。
[0121]進(jìn)一步地,結(jié)合上述實施例二中步驟240比對測試網(wǎng)頁與預(yù)期圖片的過程,如圖8,比對模塊320,具體包括:
[0122]劃分單元321,用于將截取的該測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片分別劃分成相同大小及數(shù)量的網(wǎng)格;
[0123]比對單元322,用于比對兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色是否相同;如果兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色均相同,則比對結(jié)果為成功;如果兩個圖片之間存在至少一個對應(yīng)的網(wǎng)格的圖案或顏色不同,則比對結(jié)果為失敗。
[0124]進(jìn)一步地,參見圖9,該裝置還包括:
[0125]顯示模塊350,用于根據(jù)比對結(jié)果生成并顯示測試信息,該測試信息包括測試名稱、測試結(jié)果、測試網(wǎng)頁的數(shù)量、成功的測試網(wǎng)頁的數(shù)量、失敗的測試網(wǎng)頁的數(shù)量、測試時間中的至少一種。
[0126]進(jìn)一步地,顯示模塊350,還用于顯示失敗的測試結(jié)果詳情,該測試結(jié)果詳情包括測試網(wǎng)頁的信息、測試耗時、預(yù)期圖片與測試網(wǎng)頁的圖片比對示意圖中的至少一種信息。
[0127]其中,顯示模塊350顯示測試信息的方式詳見上述實施例二中步驟260的相關(guān)描述,顯示模塊350顯示失敗的測試結(jié)果詳情的方式詳見上述實施例二中步驟270的相關(guān)描述,此處不再一一贅述。
[0128]本實施例提供的裝置,通過在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染,截取渲染后的該測試網(wǎng)頁的圖片,將截取的該測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對,根據(jù)比對結(jié)果得到該待測瀏覽器的渲染能力,極大地提高了測試效率,并且能夠規(guī)避測試人員的人為失誤;另外,通過顯示測試結(jié)果信息,并生成測試網(wǎng)頁與預(yù)期圖片的比對示意圖,以通過示意圖直觀地顯示渲染能力不通過的測試網(wǎng)頁的圖片,實現(xiàn)精確、細(xì)致、高效的自動測試瀏覽器的渲染能力。
[0129]需要說明的是:上述實施例提供的測試瀏覽器的裝置在測試瀏覽器時,僅以上述各功能模塊的劃分進(jìn)行舉例說明,實際應(yīng)用中,可以根據(jù)需要而將上述功能分配由不同的功能模塊完成,即將裝置的內(nèi)部結(jié)構(gòu)劃分成不同的功能模塊,以完成以上描述的全部或者部分功能。另外,上述實施例提供的測試瀏覽器的裝置和測試瀏覽器的方法實施例屬于同一構(gòu)思,其具體實現(xiàn)過程詳見方法實施例,這里不再贅述。
[0130]上述本發(fā)明實施例序號僅僅為了描述,不代表實施例的優(yōu)劣。
[0131]本領(lǐng)域普通技術(shù)人員可以理解實現(xiàn)上述實施例的全部步驟可以通過計算機(jī)和后臺服務(wù)器環(huán)境來完成,也可以全部通過后臺服務(wù)器環(huán)境完成,模擬程序可以存儲于一種計算機(jī)可讀存儲介質(zhì)中,上述提到的存儲介質(zhì)可以是只讀存儲器,磁盤或光盤等。
[0132]以上僅為本發(fā)明的較佳實施例,并不用以限制本發(fā)明,凡在本發(fā)明的精神和原則之內(nèi),所作的任何修改、等同替換、改進(jìn)等,均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
【權(quán)利要求】
1.一種測試瀏覽器的方法,其特征在于,所述方法包括: 在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染; 截取渲染后的所述測試網(wǎng)頁的圖片; 將截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對; 根據(jù)比對結(jié)果得到所述待測瀏覽器的渲染能力。
2.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染之前,還包括: 預(yù)先存儲所述預(yù)期圖片,所述預(yù)期圖片與所述測試網(wǎng)頁的網(wǎng)址相對應(yīng),所述測試網(wǎng)頁及對應(yīng)的預(yù)期圖片為一至多對; 所述在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染,具體包括: 獲取與所述預(yù)期圖片相對應(yīng)的所述測試網(wǎng)頁的網(wǎng)址,根據(jù)所述測試網(wǎng)頁的網(wǎng)址在待測瀏覽器上渲染所述測試網(wǎng)頁。
3.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述將截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對,具體包括: 將截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片分別劃分成相同大小及數(shù)量的網(wǎng)格; 比對兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色是否相同; 如果兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色均相同,則比對結(jié)果為成功; 如果兩個圖片之間存在至少一個對應(yīng)的網(wǎng)格的圖案或顏色不同,則比對結(jié)果為失敗。
4.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述將截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對之后,還包括: 根據(jù)比對結(jié)果生成并顯示測試信息,所述測試信息包括測試名稱、測試結(jié)果、測試網(wǎng)頁的數(shù)量、成功的測試網(wǎng)頁的數(shù)量、失敗的測試網(wǎng)頁的數(shù)量、測試時間中的至少一種。
5.根據(jù)權(quán)利要求4所述的方法,其特征在于,所述顯示測試信息之后,還包括: 顯示失敗的測試結(jié)果詳情,所述測試結(jié)果詳情包括測試網(wǎng)頁的信息、測試耗時、預(yù)期圖片與測試網(wǎng)頁的圖片比對示意圖中的至少一種信息。
6.一種測試瀏覽器的裝置,其特征在于,所述裝置包括: 渲染模塊,用于在待測瀏覽器上對測試網(wǎng)頁進(jìn)行渲染; 截取模塊,用于截取所述渲染模塊渲染后的測試網(wǎng)頁的圖片; 比對模塊,用于將所述截取模塊截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片進(jìn)行比對; 獲取模塊,用于根據(jù)所述比對模塊得到的比對結(jié)果得到所述待測瀏覽器的渲染能力。
7.根據(jù)權(quán)利要求6所述的裝置,其特征在于,所述裝置還包括: 存儲模塊,用于預(yù)先存儲所述預(yù)期圖片,所述預(yù)期圖片與所述測試網(wǎng)頁的網(wǎng)址相對應(yīng),所述測試網(wǎng)頁及對應(yīng)的預(yù)期圖片為一至多對; 所述渲染模塊,具體包括: 獲取單元,用于獲取與所述預(yù)期圖片相對應(yīng)的所述測試網(wǎng)頁的網(wǎng)址; 渲染單元,用于根據(jù)所述獲取單元獲取到的測試網(wǎng)頁的網(wǎng)址在待測瀏覽器上渲染所述測試網(wǎng)頁。
8.根據(jù)權(quán)利要求6所述的裝置,其特征在于,所述比對模塊具體包括: 劃分單元,用于將截取的所述測試網(wǎng)頁的圖片與對應(yīng)的預(yù)期圖片分別劃分成相同大小及數(shù)量的網(wǎng)格; 比對單元,用于比對兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色是否相同;如果兩個圖片之間對應(yīng)的各個網(wǎng)格的圖案及顏色均相同,則比對結(jié)果為成功;如果兩個圖片之間存在至少一個對應(yīng)的網(wǎng)格的圖案或顏色不同,則比對結(jié)果為失敗。
9.根據(jù)權(quán)利要求6所述的裝置,其特征在于,所述裝置還包括: 顯示模塊,用于根據(jù)比對結(jié)果生成并顯示測試信息,所述測試信息包括測試名稱、測試結(jié)果、測試網(wǎng)頁的數(shù)量、成功的測試網(wǎng)頁的數(shù)量、失敗的測試網(wǎng)頁的數(shù)量、測試時間中的至少一種。
10.根據(jù)權(quán)利要求9所述的裝置,其特征在于,所述顯示模塊,還用于顯示失敗的測試結(jié)果詳情,所述測試結(jié)果詳情包括測試網(wǎng)頁的信息、測試耗時、預(yù)期圖片與測試網(wǎng)頁的圖片比對示意圖中的至少一 種信息。
【文檔編號】G06F11/36GK103514090SQ201210213735
【公開日】2014年1月15日 申請日期:2012年6月26日 優(yōu)先權(quán)日:2012年6月26日
【發(fā)明者】王偉, 廖志, 歐陽駿, 羅巍, 唐文, 劉澤, 皮凱 申請人:騰訊科技(深圳)有限公司