国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端測試

Michael_Ding / 671人閱讀

摘要：塊被稱為測試用例，第個參數是實際執行的函數。每當有代碼更新的時候，先獲取對應的源碼，然后一步步根據配置執行，剛涉及到前端測試，以上內容如有錯誤的地方，請不吝指正。

前端測試

說起前端測試，經常會聽到assert，shouldjs，mocha，karma，travis等等，
這些是都是分別用來干什么的呢？

為什么需要前端測試

本人目前工作中，其實沒有涉及到前端測試，周圍的人也很少用到過前端測試，
那為什么需要前端測試呢？

通過測試的代碼，安全性能高，使用放心

大的前端框架比如jquery等等，都是必須要有測試，
比如由于添加功能，要將現在的jquery版本由1.7升級到1.8，
如果沒有測試，添加的新功能對以前的code有沒有影響，
我們需要一步一步去手動調試，會是一個很大的工作量，
但是通過執行測試代碼，可以很方便的幫助我們檢測以前的功能還是不是能很好的運行。
同時通過執行測試代碼，對我們的各個功能模塊的代碼也是一個很好的性能檢測。

怎樣寫測試

首先需要了解如何寫測試代碼，可以將測試代碼看成一種語言（雖然它便不是）。
它有它的語法，及框架。

寫測試代碼

test.js

var assert = require("assert")

describe("Array", function() {
  describe("#indexOf()", function() {
    it("should return -1 when the value is not present", function() {
      assert.equal(-1, [1, 2, 3].indexof("4"))
    })
  })
})

上面是一段非常簡單的測試代碼，這就是測試代碼的語法。
一個測試文件中應該包含一個或者多個describe塊，
一個describe塊應該包含一個或者多個it塊。
describe塊被稱為測試套件，第2個參數是實際執行的函數。
it塊被稱為測試用例，第2個參數是實際執行的函數。

assert模塊是nodejs的斷言庫，主要使用了過來判斷結果是否符合預期值，
比如 assert.equal(-1, [1, 2, 3].indexof("4")),
就是判斷[1, 2, 3].indexof("4")的值和-1是否相等，
相等就測試通過，否則不通過。
關于assert語法可以參考這里。
shouldjs就是對assert模塊的一個擴展。

運行測試代碼

上面的測試代碼如何運行呢，可以通過測試框架，如mocha等來運行。
先安裝 npm install mocha -g,
然后在package.js中添加一條scripttest: mocha;
mocha默認會去執行相同目錄下中的test下的js文件，
也就是說將上面的js文件test.js放入package同目錄下的test文件夾下，mocha會默認執行。
執行npm run test，就可以看到如下的結果。
![測試結果](http://zoucz.com/blogimgs/201...）

瀏覽器上運行測試代碼

通過mocha測試框架確實能運行測試代碼了，但是在終端去查看測試結果多少有些不方便，
可以通過karma測試工具來實現在瀏覽器上運行測試代碼，
甚至可以在瀏覽器上打斷點來運行測試代碼。
安裝karma npm install -g karma-cli，
然后在package.js中添加一條scriptkarma: karma start;
karma可以通過karma init來初始化配置文件，
配置文件中可以設置瀏覽器，測試代碼的使用框架，熱更新功能等等。
執行npm run karma后，能自動打開在karma配置文件中設置的瀏覽器，
以及在此瀏覽器上運行測試代碼。

持續集成

持續集成就是，每次源碼（如github上的）有更新，比如有人push了一段代碼，
持續集成工具就下載源碼，根據配置文件，執行相應的代碼（經常是測試代碼），
然后反饋執行結果。
travis對于開源項目是免費的,推薦使用。

Travis CI 只支持 Github，不支持其他代碼托管服務。

在Travis上添加想要持續集成的github源。

Travis CI需要有一個配置文件travis.yml,用來指定travis的行為。

language: node_js
node_js:
  - "8"
before_install:
  - export CHROME_BIN=chromium-browser
  - export DISPLAY=:99.0
  - sh -e /etc/init.d/xvfb start
install:
  - npm install -g karma
  - npm install
script:
  - npm run test

每當有代碼更新的時候，travis先獲取github對應的源碼，
然后一步步根據配置執行，before_install =>install => npm run test

剛涉及到前端測試，以上內容如有錯誤的地方，請不吝指正。

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95654.html

相關文章

  • 前端進階之路: 前端架構設計(3) - 測試核心

    摘要：而測試驅動開發技術并不只是單純的測試工作。需求向來就是軟件開發過程中感覺最不好明確描述易變的東西。這里說的需求不只是指用戶的需求，還包括對代碼 可能很多人和我一樣, 首次聽到前端架構這個詞, 第一反應是: 前端還有架構這一說呢? 在后端開發領域, 系統規劃和可擴展性非常關鍵, 因此架構師備受重視, 早在開發工作啟動之前, 他們就被邀請加入到項目中, 而且他們會跟客戶討論即將建成的平臺的...

    Karuru 評論0 收藏0

  • 前端進階之路: 前端架構設計(3) - 測試核心

    摘要：而測試驅動開發技術并不只是單純的測試工作。需求向來就是軟件開發過程中感覺最不好明確描述易變的東西。這里說的需求不只是指用戶的需求，還包括對代碼 可能很多人和我一樣, 首次聽到前端架構這個詞, 第一反應是: 前端還有架構這一說呢? 在后端開發領域, 系統規劃和可擴展性非常關鍵, 因此架構師備受重視, 早在開發工作啟動之前, 他們就被邀請加入到項目中, 而且他們會跟客戶討論即將建成的平臺的...

    宋華 評論0 收藏0

  • 測試你的前端代碼 - part1（介紹篇）

    摘要：測試光譜光譜的一端單元測試顧名思義，代碼以單元為單位進行測試。這個系列文章整體如下測試你的前端代碼單元測試測試你的前端代碼端到端測試測試你的前端代碼集成測試。 showImg(https://segmentfault.com/img/remote/1460000008812278?w=998&h=354); 本文作者：Gil Tayar 編譯：胡子大哈 翻譯原文：http://hu...

    helloworldcoding 評論0 收藏0

  • 測試你的前端代碼 - part1（介紹篇）

    摘要：測試光譜光譜的一端單元測試顧名思義，代碼以單元為單位進行測試。這個系列文章整體如下測試你的前端代碼單元測試測試你的前端代碼端到端測試測試你的前端代碼集成測試。 showImg(https://segmentfault.com/img/remote/1460000008812278?w=998&h=354); 本文作者：Gil Tayar 編譯：胡子大哈 翻譯原文：http://hu...

    jimhs 評論0 收藏0

  • 搭建自己的前端自動化測試腳手架（一）

    摘要：還可以自動完成單元測試的配置，工具選型為準備出發有了以上的初步了解，我們就可以準備著手搭建我們自己的測試環境了，讓我們短暫休息一下，下一章見下一篇搭建自己的前端自動化測試腳手架二 搭建自己的前端自動化測試腳手架（一） LancerComet at 17:55, 2016.07.17.歡迎轉載，轉載時還請保留作者署名。 隨著前端項目規模的日益膨脹，自動化測試越來越受到廣大前端與測試朋友關...

    luffyZh 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<