建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
在每個(gè)Web應(yīng)用程序中，作為用戶(hù)直接可見(jiàn)的應(yīng)用程序外觀(guān)，“前端”包括：圖形化的用戶(hù)界面、相應(yīng)的功能、及其整體站點(diǎn)的可用性。我們可以毫不夸張地說(shuō)：如果前端無(wú)法正常工作，您將無(wú)法“拉新”網(wǎng)站的潛在用戶(hù)。這也正是我們需要對(duì)Web應(yīng)用執(zhí)行前端測(cè)試的重要原因。
專(zhuān)注于為中小企業(yè)提供成都做網(wǎng)站、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)江津免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上1000+企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
為了確保Web應(yīng)用無(wú)論發(fā)生了何種變更之后，其對(duì)應(yīng)的前端都能夠與bug“隔離”，我們需要針對(duì)前端開(kāi)展各種測(cè)試，主要包括：測(cè)試應(yīng)用程序的基本功能、用戶(hù)的界面和整體的可用性。此外，如下因素也是驅(qū)動(dòng)我們進(jìn)行測(cè)試的其他方面：
- 開(kāi)發(fā)人員對(duì)于JavaScript文件的變更，通常會(huì)導(dǎo)致前端無(wú)法正常工作。
- 哪怕是對(duì)CSS進(jìn)行少量的修改，也可能破壞前端的外觀(guān)布局，因此我們需要開(kāi)展CSS回歸測(cè)試。
- 應(yīng)當(dāng)針對(duì)代碼的變更，進(jìn)行運(yùn)行性能方面的檢查。
由于前端測(cè)試往往會(huì)涉及到上述方方面面，而且時(shí)常會(huì)讓測(cè)試人員面臨各種新的挑戰(zhàn)，因此他們需要借助專(zhuān)門(mén)的測(cè)試工具和框架來(lái)提高效率。在本文中，我們將和您討論九種能夠加快測(cè)試進(jìn)程的前端測(cè)試工具與框架。
1. Jasmine(https://jasmine.github.io/)
Jasmine是Angular建議開(kāi)發(fā)人員廣泛使用的、最為流行的前端測(cè)試框架之一。它是一個(gè)行為驅(qū)動(dòng)的開(kāi)發(fā)框架，可被用于測(cè)試各種JavaScript代碼。作為一款最為古老的框架，它不但擁有廣泛的社區(qū)支持與資源，而且能夠通過(guò)簡(jiǎn)潔的語(yǔ)法，幫助開(kāi)發(fā)人員快速地編寫(xiě)出不同的測(cè)試代碼。而且，由于并不依賴(lài)于任何其他的JavaScript框架，因此用戶(hù)完全可以通過(guò)Jasmine框架，輕松且快速地執(zhí)行各類(lèi)場(chǎng)景下的前端測(cè)試。
2. LambdaTest(https://www.lambdatest.com/)
跨瀏覽器測(cè)試是Web應(yīng)用測(cè)試的重要組成部分之一。它可確保程序在各種瀏覽器、操作系統(tǒng)、以及設(shè)備上的功能實(shí)現(xiàn)和兼容性。不過(guò)，相對(duì)于手動(dòng)測(cè)試，測(cè)試人員往往會(huì)用到LambdaTest之類(lèi)的快速自動(dòng)化跨瀏覽器測(cè)試工具。LambdaTest能夠?yàn)?000多種瀏覽器和不同的Web應(yīng)用操作系統(tǒng)的組合提供支持，因此測(cè)試人員可以在單獨(dú)的系統(tǒng)上對(duì)自己的Web應(yīng)用執(zhí)行多種測(cè)試。
此外，它的配置并不復(fù)雜，您只需要輸入目標(biāo)站點(diǎn)的URL，然后在其中選擇特定的瀏覽器、以及對(duì)應(yīng)的操作系統(tǒng)即可。此外，它還具有諸如：實(shí)時(shí)測(cè)試、屏幕截圖測(cè)試、以及針對(duì)Chrome擴(kuò)展程序、和WordPress插件的外部記錄和播放等功能。
3.Jest(https://jestjs.io/)
倍受Jasmine啟發(fā)的JavaScript測(cè)試框架--Jest，是由經(jīng)驗(yàn)豐富的Facebook團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)的。作為Github上排名第一的測(cè)試框架，它擁有22,000顆星。Jest在開(kāi)發(fā)人群中廣受歡迎的主要原因，得益于它的易用性和無(wú)需配置這一屬性。
除此之外，Jest具有簡(jiǎn)潔清晰的用戶(hù)界面，以及高效的加載性能。在默認(rèn)情況下，它能夠與探查(spying)及模擬(mocking)程序一起，構(gòu)建出與測(cè)試相關(guān)的全局變量。同時(shí)，它還提供快照式的測(cè)試，并能夠使用內(nèi)置的測(cè)試覆蓋率工具來(lái)進(jìn)行傳輸。因此，對(duì)于想快速上手前端測(cè)試的初學(xué)者來(lái)說(shuō)，Jest框架是他們的首選。
4. Selenium(https://dzone.com/articles/comparing-top-10-cross-browser-testing-tools-in-20)
作為一種被廣泛使用的開(kāi)源式前端測(cè)試工具，Selenium能夠在包括Mac、Linux、以及Windows在內(nèi)的多個(gè)平臺(tái)與瀏覽器上，對(duì)Web應(yīng)用程序進(jìn)行端到端的測(cè)試。事實(shí)上，它是一個(gè)由四個(gè)不同的框架所組成的測(cè)試套件，其中包括最常被用到的Selenium IDE和Selenium WebDriver。由于支持幾乎所有當(dāng)前流行的編程語(yǔ)言，因此它允許測(cè)試人員以Java、PHP、或C#等不同的語(yǔ)言來(lái)編寫(xiě)測(cè)試腳本。
Selenium具有簡(jiǎn)潔直觀(guān)的界面，能夠讓測(cè)試人員更快速地開(kāi)展測(cè)試工作，并提供一定的測(cè)試兼容性。另外，作為一款免費(fèi)工具，它還提供了比某些付費(fèi)框架更為優(yōu)秀的功能，例如：用戶(hù)無(wú)需學(xué)習(xí)Selenium IDE，便可直接使用其測(cè)試的記錄和回放功能。
5. Karma(https://karma-runner.github.io/)
如果您正在尋找最適合在瀏覽器、或類(lèi)似瀏覽器的環(huán)境中運(yùn)行測(cè)試框架，那么Karma便是您的理想選擇。作為一種通用的用例式前端測(cè)試框架，Karma受到了前端測(cè)試人員的普遍歡迎。同時(shí)，它能夠?yàn)橹T如Jenkins和Travis之類(lèi)的集成框架，提供24/7的技術(shù)支持。
使用Karma框架，您甚至可以在真實(shí)的設(shè)備、或Headless PhantomJS(譯者注：一個(gè)基于Webkit的Javascript API)實(shí)例上運(yùn)行測(cè)試。更實(shí)用的是，如果您使用Karma作為測(cè)試框架，那么完全可以使用下面將要提到的Mocha或上述Jasmine，來(lái)描述自己的測(cè)試。當(dāng)然，您也可以選擇從終端、IDE或使用LambdaTest之類(lèi)的服務(wù)，來(lái)遠(yuǎn)程運(yùn)行各項(xiàng)測(cè)試。
6. Mocha(http://mochajs.org/index.html)
作為一款在當(dāng)前前端測(cè)試市場(chǎng)舉足輕重的框架，Mocha能夠與模擬程序、第三方斷言、以及chai和enzyme之類(lèi)的探查工具相集成。除了擁有龐大的社區(qū)網(wǎng)絡(luò)之外，Mocha還能夠提供完善的功能選項(xiàng)和完備的文檔資料。
由于能夠與多種擴(kuò)展程序協(xié)同使用，因此Mocha具有較高的兼容性與靈活性。目前，盡管有一些用戶(hù)已經(jīng)著手從Mocha向Jest遷移，但是其龐大的社區(qū)資源，以及豐富的外部用例資源，仍然讓其成為名副其實(shí)的常用測(cè)試工具之一。
7. Needle(https://needle.readthedocs.io/)
專(zhuān)用于CSS測(cè)試的Needle，可以確保目標(biāo)Web應(yīng)用的各種視覺(jué)元素(如字體、CSS、圖像)，能夠在規(guī)定的屏幕尺寸和各種設(shè)備上正常顯示。通過(guò)獲取用戶(hù)網(wǎng)站某些部分的當(dāng)前屏幕截圖，它能夠?qū)⑵渑c開(kāi)發(fā)者預(yù)期的正常屏幕顯示效果進(jìn)行比較，進(jìn)而分析Web應(yīng)用的各項(xiàng)功能。此外，測(cè)試人員還可以用它來(lái)評(píng)估CSS值和HTML元素的位置。
8. QUnit(https://qunitjs.com/)
QUnit是一種針對(duì)JavaScript應(yīng)用程序的單元測(cè)試框架。它最初只是為測(cè)試jQuery、jQuery UI和jQuery Mobile而開(kāi)發(fā)的。不過(guò)，后來(lái)測(cè)試人員經(jīng)常用它來(lái)測(cè)試包含有JavaScript代碼的前端框架。與Junit等其他單元測(cè)試框架類(lèi)似，QUnit不但能夠?qū)eb瀏覽器和其他客戶(hù)端環(huán)境提供支持，而且能夠通過(guò)JavaScript的相關(guān)功能，協(xié)助測(cè)試人員在瀏覽器中測(cè)試代碼的異常處理等能力。
9. YSlow(http://yslow.org/)
作為一款專(zhuān)業(yè)化的工具，YSlow能夠以可視化的方式測(cè)試Web應(yīng)用的相關(guān)性能。它通過(guò)評(píng)估頁(yè)面上所有必需的組件(包括JavaScript等組件)，來(lái)檢查Web應(yīng)用的運(yùn)行效率。除了能夠協(xié)助測(cè)試人員衡量頁(yè)面的綜合性能，YSlow還能夠?yàn)樗麄兲峁└鞣N有價(jià)值的建議。
結(jié)論
眾所周知，Web應(yīng)用的外觀(guān)和功能會(huì)對(duì)企業(yè)網(wǎng)站的訪(fǎng)問(wèn)量產(chǎn)生重大的影響。一旦出現(xiàn)了某些組件的缺失、甚至是不兼容的現(xiàn)象，用戶(hù)很難會(huì)有意愿再次造訪(fǎng)該網(wǎng)站。因此，我們需要通過(guò)大量的測(cè)試，去盡可能多地覆蓋網(wǎng)站前端所涉及到的各種元素。除了上述向您介紹到的各種流行的測(cè)試框架和工具之外，業(yè)界還有諸如AVA、CypressChai、以及Test Cafe等其他類(lèi)型的框架。如果您有時(shí)間，可以通過(guò)試用來(lái)挑選出最適合自己手頭項(xiàng)目的測(cè)試工具。
當(dāng)前標(biāo)題：九大高效的前端測(cè)試工具與框架
當(dāng)前網(wǎng)址：http://m.5511xx.com/article/cccgsjd.html
