為你的JavaScript代碼寫測試

FleyX 發(fā)布于2019-08-19 17:37 / 496人閱讀

摘要：下面會講解如何使用以及，來為我們的代碼編寫測試。我們不妨先選擇前者綜上所述，我們要使用組合來為我們的代碼寫測試。他們分別會在每個測試的之前和之后執(zhí)行一次。副本最后還有一個問題是如何結合來為我們的代碼編寫測試。

下面會講解如何使用 karama, jasmine 以及 webpack，來為我們的 ES6 代碼編寫測試。
（最后我寫了一個可用的例子，請查看 ES2015-Starter-Kit ）

艱難的抉擇

首先，我們要寫測試，用什么寫？自己寫一個函數(shù)，還是使用某個測試框架？

看起來，后者可觀一點。

然后，有哪些測試框架可以選擇？選哪個？

于是，我們 google 之，找到 stackoverflow 的一個問題 JavaScript unit test tools for TDD。

看了問題回答，很糾結，太多了不知道選擇哪個！最后，我決定選擇 Karma, Jasmine 和 Mocha 這三者之一，根據(jù) Star 數(shù)量以及維護團隊。

那么，Karma, Jasmine 以及 Mocha 這三者之間哪個好，有什么不同？

于是，我們不妨 google，找到了 What are the differences between mocha, chai, karma, jasmine, should.js, etc. testing frameworks? 這個問題。

從回答中我們可以知道：Karma 只是一個 test runner，他負責提供 environment。而 Jasmine 和 Mocha 是編寫測試腳本的框架。也就是說，我們可以選擇 Karma + Jasmine或者 Karma + Mocha。我們不妨先選擇前者~

綜上所述，我們要使用 Karma + Jasmine 組合來為我們的 JavaScript 代碼寫測試。

戰(zhàn)斗的號角

接下來，我們根據(jù)文檔（karma - Installation, karma - Configuration 和 Jasmine - introduction），很容易就能搞起來。

在這里我想說的是：當編寫多個測試腳本的時候，你也許可以使用 beforeEach 和 afterEach。他們分別會在每個測試（spec）的之前和之后執(zhí)行一次。

副本

最后還有一個問題是如何結合 Webpack 來為我們的ES6代碼編寫測試。

我不得不承認，這是一個很不錯的問題。然而，我也通過google找到了答案。

詳細教程請看 VueJS 的 Testing 文檔。

戰(zhàn)斗的榮耀

你可以為你的倉庫弄一個亮晶晶的 travis ci status image：

詳細設置請查看 travis docs以及這篇教程 Testing JavaScript with Jasmine, Travis, and Karma。

最后，如果還是不懂的話，可以查看我寫的一個例子：ES2015-Starter-Kit

Resources

JavaScript unit test tools for TDD

What are the differences between mocha, chai, karma, jasmine, should.js, etc. testing frameworks?

vuejs - Testing

Testing JavaScript with Jasmine, Travis, and Karma

GPU云服務器云服務器測試你的我為你寫javascript linux磁盤測試寫速度

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://m.hztianpu.com/yun/78698.html

利用guardian為你的api應用寫測試

摘要：要寫出一個健壯的程序必須要有測試，測試可以保證上線的代碼功能符合預期，防止上線后出現(xiàn)莫須有的損失。根據(jù)這樣的想法，于是編寫了一個測試框架。的使用非常簡單，你只需要把你的測試案例信息寫成固定的格式，包括請求信息，預期響應信息，預期的數(shù)據(jù)信息。要寫出一個健壯的程序必須要有測試，測試可以保證上線的代碼功能符合預期，防止上線后出現(xiàn)莫須有的損失。對于我們一口氣寫完的api，匆忙上線往往會導致很...

JellyBool 2019-05-29 17:08 評論0 收藏0
你的第一個AngularJS應用--教程二：基架、建立和測試的工具

摘要：包括腳手架依賴管理準備測試包括單元測試和端到端測試。我們用來開發(fā)的工具有。是一個工具集，包含個核心組件，，和腳手架工具。當你正在做自己的一個項目時，使用哪些模塊將取決于你自己。這個目錄當然是測試文件。介紹有很多可用的工具可以幫助你開發(fā)AngularJS 應用，那些非常復雜的框架不在我的討論范圍之中，這也是我開始這系列教程的原因。在第一部分，我們掌握了AngularJS框架的基本...

k00baa 2019-08-21 12:35 評論0 收藏0
前端為什么要學習 Selenium

摘要：你是對的，因為你需要學習。如果你有這些疑問，那么請不要擔心，因為在本文中，我將給出個令人信服的理由，來說明學習的必要性。用于家庭用途的操作系統(tǒng)足以支撐進行測試。由于的使用量持續(xù)增長，使對測試員的需求也在成比例增長。翻譯：瘋狂的技術宅原文：https://www.edureka.co/blog/1... 本文首發(fā)微信公眾號：前端先鋒歡迎關注，每天都給你推送新鮮的前端技術文章如果...

CodeSheep 2019-05-29 17:14 評論0 收藏0
編寫現(xiàn)代 JavaScript 代碼

摘要：為什么呢函數(shù)式編程能使代碼更具可預測性，確定性，更安全，一旦習慣這種方式，代碼會更容易維護。第二個建議創(chuàng)建局部函數(shù)即使是在已經(jīng)存在的函數(shù)中來說明代碼的功能，不需要使用注釋。注意，三個局部函數(shù)不修改它們的執(zhí)行上下文。原文作者：Sébastien Castiel 原文鏈接：Writing modern JavaScript code 說點什么：這是一篇很樸素的文章，講的道理都懂，但實際...

shery 2019-08-20 16:59 評論0 收藏0
快速構建一個測試web項目

摘要：用初始化一下，就會為你創(chuàng)建一個，用來管理你的依賴包，命令配置。還是不清除的可以去我的上看一下，很水的一個項目，別噴我。單純的運行一段js邏輯的話就不需要構建測試項目，直接寫個js，node命令行運行一下就可以了，但是往往閱讀一段他人的源碼想要自己測試一下就沒辦法這樣子，因為別人會依賴模塊，會操作瀏覽器dom等等，所以自己寫一個測試小demo有時候就很有用處。 nodejs里面又沒有什...

baukh789 2019-08-26 12:08 評論0 收藏0