本文介绍了如何使用Ava进行自动化测试，包括设置环境、对JavaScript函数的测试以及HTTP接口的测试。通过示例展示了测试过程和结果，强调了Ava在检测错误和覆盖率方面的智能性。同时，提到了生成测试报告的方法，并分享了HTTP接口测试中遇到的问题及解决方案。
准备工作。。。。。。。。
简单的js文件测试
1.在本地新建一个文件夹ava-test,cmd定位到改文件下，将ava安装到该项目下，即npm install ava --save-dev,然后在此文件下面新建一个package.json文件,如下图：
{
"scripts": {
"test": "ava",
},
"devDependencies": {
"ava": "^0.25.0"
}
}然后npm install,会看到在我们的ava-test文件下会生成node_modules和package-lock.json文件，这些会是我们以后测试可能需要的一些包，我们可以先不看。
2.新建测试文件main.js,main.test.js，这两个文件是我从网上找的例子，代码分别是
//main.js
var fibonacci = function (n) {
if (typeof n !== 'number') {
throw new Error('n should be a Number');
}
if (n < 0) {
throw new Error('n should >= 0');
}
if (n === 0) {
return 0;
}
if (n === 1) {
return 1;
}
return fibonacci(n-1) + fibonacci(n-2);
};
if (require.main === module) {
// 如果是直接执行 main.js，则进入此处
// 如果 main.js 被其他文件 require，则此处不会执行。
var n = Number(process.argv[2]);
console.log('fibonacci(' + n + ') is', fibonacci(n));
}
exports.fibonacci = fibonacci;//main.test.js
import test from 'ava';
import {fibonacci} from './main.js';
test('should equal 0 when n === 0', t => {
t.is(fibonacci(0), 0);
});
test('should equal 1 when n === 1', t => {
t.is(fibonacci(1), 1);
});
test('should equal 55 when n === 10', t => {
t.is(fibonacci(10), 55);
});
test('should throw when n < 0', t => {
t.throws(() => fibonacci(-1), 'n should >= 0');
});
test('should throw when n isnt Number', t => {
t.throws(() => fibonacci('hha'), 'n should be a Number');
});3.main.test.js是对main.js写的测试文件，执行ava main.test.js，可以看到如下结果，可以看到我们测试通过了。
C:\Users\13902\Desktop\ava-test>ava main.test.js
5 passed
4.如果我们将main.test.js文件的代码修改下，如下图：
//将原来的55改成50
test('should equal 55 when n === 10', t => {
t.is(fibonacci(10), 50);
});
其实这边50的数据是错误的，如果此时我们执行ava main.test.js,ava就会检测到我们的测试结果有问题，并会指明出错的代码在何处和正确值应该是什么，是不是很智能呢~~~~,结果如下：
C:\Users\13902\Desktop\ava-test>ava main.test.js
4 passed
1 failed
should equal 55 when n === 10
C:\Users\13902\Desktop\ava-test\main.test.js:13
12: test('should equal 55 when n === 10', t => {
13: t.is(fibonacci(10), 50);
14: });
Difference:
- 55
+ 505.此时我们要想看到文件的覆盖率的情况，可以用nyc ava main.test.js，nyc的安装可以看上一篇。如果我们继续用结果为50的代码，那此时文件的覆盖率(可以看上一篇文档)是什么呢？请看下图:
C:\Users\13902\Desktop\ava-test>nyc ava main.test.js
4 passed
1 failed
should equal 55 when n === 10
C:\Users\13902\Desktop\ava-test\main.test.js:13
12: test('should equal 55 when n === 10', t => {
13: t.is(fibonacci(10), 50);
14: });
Difference:
- 55
+ 50
Test.t [as fn] (main.test.js:13:7)
processEmit [as emit] (C:/tool/node_global/node_modules/nyc/node_modules/signal-exit/index.js:155:32)
processEmit [as emit] (C:/tool/node_global/node_modules/nyc/node_modules/signal-exit/index.js:155:32)
----------|----------|----------|----------|----------|-------------------|
File | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s |
----------|----------|----------|----------|----------|-------------------|
All files | 85.71 | 90 | 100 | 85.71 | |
main.js | 85.71 | 90 | 100 | 85.71 | 24,25 |
----------|----------|----------|----------|----------|-------------------|如果是正确的代码，覆盖率没有任何的变化，不同的只是在出错代码处，会被指明。结果如下:
C:\Users\13902\Desktop\ava-test>nyc ava main.test.js
5 passed
----------|----------|----------|----------|----------|-------------------|
File | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s |
----------|----------|----------|----------|----------|-------------------|
All files | 85.71 | 90 | 100 | 85.71 | |
main.js | 85.71 | 90 | 100 | 85.71 | 24,25 |
----------|----------|----------|----------|----------|-------------------|6.生成测试报告，修改package.json文件，如下：
{
"scripts": {
"test": "nyc ava",
"report": "nyc report --reporter=html"
},
"devDependencies": {
"ava": "^0.25.0"
}
}
7.我们执行npm run report,可以看到根目录下生成coverage文件夹，里面会有测试生成的html文件,我们可以直观的看到测试的覆盖率和代码的测试情况。
HTTP接口测试
1.在ava-test根目录下，新建test.http.js文件，内容如下：
import test from 'ava';
import request from 'request';
// test.cb() 回调函数形式测试异步代码，异步结束调用 t.end()
test.cb('http api testing', t => {
// 基于 Request API 创建 http 请求的配置
const options = {
baseUrl: 'http://www.phonegap100.com',
url: '/appapi.php?a=getPortalList&catid=20&page=1',
// 请求超时时间
timeout: 5 * 1000,
// http 请求头部，模拟得跟浏览器越像越好，不然被服务器处理成爬虫或者其他就可能得不到我们想要的响应
headers: {
'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36'
}
};
// Request API 发送 GET 请求
request.get(options, (err, res, body) => {
if (err) t.fail('服务器响应超时！');
if (res && res.statusCode === 200) {
var datas = res.result;
for(var i in datas){
t.is(datas[i].catid,"20");
}
} else {
t.fail('无响应内容或状态码错误！');
}
// 异步结束
t.end();
});
});先安装request,npm install request --save-dev，然后执行ava test.http.js,结果如下：
C:\Users\13902\Desktop\ava-test>ava test.http.js
1 passed如果此时我们将baseUrl改成‘http://www.phonegap1000.com’，这时我们的url链接是无法访问的，此时我们执行ava test.http.js,对照我们的测试文件，可以知道肯定是测试失败，导致服务器响应超时了，此时结果如下:
C:\Users\13902\Desktop\ava-test>ava test.http.js
1 failed
http api testing
C:\Users\13902\Desktop\ava-test\test.http.js:21
20: request.get(options, (err, res, body) => {
21: if (err) t.fail('服务器响应超时！');
22:
服务器响应超时！
Request._request2.default.get [as _callback] (test.http.js:21:20)
self.callback (node_modules/request/request.js:185:22)
Request.onRequestError (node_modules/request/request.js:877:8)2.按照正确的链接，执行代码nyc ava test.http.js,结果如下：
C:\Users\13902\Desktop\ava-test>nyc ava test.http.js
1 passed
--------------|----------|----------|----------|----------|-------------------|
File | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s |
--------------|----------|----------|----------|----------|-------------------|
All files | 76.92 | 66.67 | 100 | 83.33 | |
test.http.js | 76.92 | 66.67 | 100 | 83.33 | 26,30 |
--------------|----------|----------|----------|----------|-------------------|3.生成html报告，npm run report
总结:写完对ava自动话测试后，感觉最熟悉的应该是他的命令了，还有他的最基本的用法，最有感觉的应该是http测试了，对接口进行简单的断言测试，可以分析出接口是否能请求生成，如果失败，是哪里出问题了，感觉还是棒棒哒的.............不过写出牛逼的测试，还是要多练习，现在网上能找到ava的知识，感觉相对较少。
扫一扫
1854
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
