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