1. 程式人生 > 實用技巧 >許久不做前端, 偶爾看一下前端開發中的單元測試框架.

許久不做前端, 偶爾看一下前端開發中的單元測試框架.

今天突然覺得反正有時間, 看電影煩了,那就稍微看一下前端開發中的一些單元測試框架,記得vue的腳手架裡面有mocha和jasmine兩個, 剛好查了下, 隨手就找了jasmine的官方資料看一下, 前端開發一般用到的民有mock.js,這個框架一般注入到ajax框架的請求傳送階段, 在請求提交之前,使用框架來返回結果, 當然前端開發也可以使用反向代理將後臺地址代理到前端相應的資料路徑,達到不需要與後端互動的目的, 一般前端會有資料的樣本,這樣就可以一體測試了. mock.js可以配合axios.js來使用, 注入到相應階段, 但是單元測試就是另外一回事了.

可以檢視這個框架在github上面的wiki有一些說明,是 bdd-behavior driven development的意思:

https://github.com/jasmine/jasmine/wiki

採用了describe的 cmd?規範的方法

describe("Jasmine", function() {
  it("makes testing JavaScript awesome!", function() {
    expect(yourCode).toBeLotsBetter();
  });
});

包要通過npm安裝. 當然也可以用standalone的獨立方式安裝. wiki有說明.

基本的簡單用法說明, 主要是spec檔案和specrunner.html 這個例子在standalone裡面有說明,這樣就可以快速上手編寫自己的spec和testcasespecrunner.html檔案, 然後用於測試. 看來很簡單,下下來看一下.

https://github.com/jasmine/jasmine/wiki/A-simple-project