ava js 測試框架基本試用

隨着js 愈來愈強大,平常使用中關於js 的問題也就越突出了，咱們須要關注的點也就不能只像之前那樣
只編寫簡單的功能實現，咱們同時也須要關注js 的健壯性，測試就是其中一個比較重要的環節，如下
是ava 測試框架的一個簡單使用，關於ava 的介紹能夠查看官方文檔

demo 同時集成了簡單的github repo 測試

環境準備

爲了測試，代碼使用了typescript，經過tsc 實時編譯

• 項目結構

 

├── libs

│ ├── app.d.ts

│ └── app.js

├── package.json

├── src

│ └── app.ts

├── tests

│ └── app.js

├── tsconfig.json

 

 

• 代碼說明
  src 爲typescript 的簡單代碼，libs typescript 實時編譯生成的js 文件，tests 目錄爲集成的測試，tsconfig.json是關於typescript 的配置
  pacakge.json 主要定義依賴以及npm scripts,還有就是github repo push 的配置

 

{

  "name": "@rongfengliang/ava-test-learning",

  "version": "1.0.0",

  "main": "index.js",

  "license": "MIT",

  "devDependencies": {

    "ava": "^2.4.0",

    "typescript": "^3.6.4",

    "zen-observable": "^0.8.14"

  },

  "scripts": {

    "test:live": "ava -v -w",

    "test": "ava",

    "build:live": "tsc --watch"

  },

  "publishConfig": {

    "registry": "https://npm.pkg.github.com/"

  }

}

 

 

src/app.ts 待測試的代碼

// define user entity

let user = {

   /** user name */

   name:"dalong",

   /** user age */

   age:33

}

// for export default

export default {

   user

}

export {

   user

}

tests/app.js

import test from 'ava';

import Observable from "zen-observable"

import {user} from "../libs/app"

test('foo', t => {

  t.plan(3)

  let name = "dalong"

  t.log(`input name ${name}`)

  return Observable.of(1, 2, 3, 4, 5, 6)

    .filter(n => {

      return n % 2 === 0;

    })

    .map(() => t.pass());

});

test.todo('will think about writing this later');

​

test('bar', async t => {

  const bar = Promise.resolve('bar');

  t.is(await bar, 'bar');

});

​

test('username', t => {

  t.log("test for username is equal",test.meta.file)

  t.is(user.name,"dalong")

});

 

 

運行&&測試

• 運行實時ts 編譯

yarn build:live

• 運行實時測試

yarn test:live

• 效果

 

 

github repo 發佈

• login

npm login --registry=https://npm.pkg.github.com

注意輸入的信息，用戶密碼使用生成的我的token，同時注意token 須要包含操做package 的權限，同時注意項目中pacakge.json
中的名字，當前github 支持的repo 是scope 類型的

• 發佈

npm publish

• 效果

 

 

說明

以上是一個簡單的測試，實際上ava 功能很強大，同時官方提供的文檔也比較詳細，咱們能夠結合nyc 提供覆蓋率的處理

參考資料

https://github.com/rongfengliang/ava-test-learning
https://github.com/avajs/ava