对TypeScript库进行单元测试的方法
原文发布于2017年7月，为保证能正常运行，其中部分命令进行了调整。当时TypeScript版本为2.x，但依旧具有借鉴意义。
单元测试能限制你库中Bug的「生长」。随着编写的库越来越大，你不能总是手工测试每个特性。但你可以使用单元测试来测试每个特性，并且编写起来并不难。下面展示如何在Typescript中设置单元测试!
步骤1：安装用于单元测试的包
单元测试assert(推断)代码中一些属性。例如你有一个方法add(x,y)，其应该正确地将x和y相加，通过单元测试你可以进行如下测试assert(add(3,4)).equals(7)。
一些用于单元测试的库提供了好用的assert方法来执行测试。我们这里使用了Mocha和Chai，通过如下命令进行安装:
npm i mocha @types/mocha chai @types/chai ts-node typescript --save-dev
步骤2：编写第一个单元测试
假设你有以下单元：
typescript-library/src/math.ts
export function add(x: number, y: number) {
return x + y;
}
那对应的单元测试可能是这样的：
typescript-library/src/math.test.ts
import { add } from './math';
import * as mocha from 'mocha';
import * as chai from 'chai';
const expect = chai.expect;
describe('My math library', () => {
it('should be able to add things correctly' , () => {
expect(add(3,4)).to.equal(7);
});
});
步骤3：运行单元测试
您可以使用以下命令运行测试:
./node_modules/mocha/bin/mocha --reporter spec --require ts-node/register src/**/*.test.ts
然后应该会在控制台中看到一个输出，如下所示:
您可以将这个长命令放入package.json中转换成"scripts:{"test":"…"}"然后用npm test运行测试。也就是说此时的package.json应该是:
{
"devDependencies": {
"@types/chai": "^4.1.7",
"@types/mocha": "^5.2.7",
"chai": "^4.2.0",
"ts-node": "^8.3.0",
"mocha": "^6.1.4"
},
"scripts": {
"test": "./node_modules/mocha/bin/mocha --reporter spec --require ts-node/register src/**/*.test.ts"
}
}
如果您想运行单独的某个单元测试，可以用./node_modules/mocha/bin/mocha --reporter spec --grep "TestName" --require ts-node/register src/**/*.test.ts。“TestName”可以是任何的describe值，在本例中就如./node_modules/mocha/bin/mocha --reporter spec --grep "My math library" --require ts-node/register test/**/*.test.ts。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
本文给大家分享javascript实现实时更新系统时间的实例代码，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-04-04
这篇文章主要介绍了javascript模拟评分控件实现方法,涉及javascript操作页面元素与样式的相关技巧,需要的朋友可以参考下2015-05-05
Redux官网上是这样描述Redux，Redux is a predictable state container for JavaScript apps.（Redux是JavaScript状态容器，提供可预测性的状态管理）。目前Redux GitHub有5w多star，足以说明 Redux 受欢迎的程度2021-06-06
webpack proxy,即webpack提供的代理服务,基本行为就是接收客户端发送的请求后转发给其他服务器,本文给大家介绍了webpack proxy如何解决跨域问题,感兴趣的朋友跟随小编一起看看吧2023-10-10
使用iframe window的scroll方法控制iframe页面滚动
在页面中如何控制内嵌的iframe滚动呢？方法是使用iframe window的scroll方法，大家可以参考下面的示例2014-03-03
这篇文章主要介绍了javascript生成随机数的方法,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了JavaScript实现图片懒加载(Lazyload)的相关资料,需要的朋友可以参考下2016-11-11
今天小编就为大家分享一篇对layui初始化列表的CheckBox属性详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
本文介绍JSON.stringify9大特性和转换规则,JSON.stringify()方法将一个JavaScript对象或值转换为 JSON 字符串,如果指定了一个replacer 函数,则可以选择性地替换值,或者指定的replacer是数组,则可选择性地仅包含数组指定的属性,更多内容需要的小火煸可以参考下面温行内容2022-02-02
这篇文章主要介绍了js实现数字每三位加逗号的方法,以实例形式讲述了js实现数字每三位加逗号的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
最新评论