对TypeScript库进行单元测试的方法

 更新时间:2019年07月18日 09:52:41   作者:RDDcoding  
这篇文章主要介绍了对TypeScript库进行单元测试的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
原文发布于2017年7月,为保证能正常运行,其中部分命令进行了调整。

当时TypeScript版本为2.x,但依旧具有借鉴意义。

单元测试能限制你库中Bug的「生长」。随着编写的库越来越大,你不能总是手工测试每个特性。但你可以使用单元测试来测试每个特性,并且编写起来并不难。下面展示如何在Typescript中设置单元测试!

步骤1:安装用于单元测试的包

单元测试assert(推断)代码中一些属性。例如你有一个方法add(x,y),其应该正确地将xy相加,通过单元测试你可以进行如下测试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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • es6中使用map简化复杂条件判断操作实例详解

    es6中使用map简化复杂条件判断操作实例详解

    这篇文章主要介绍了es6中使用map简化复杂条件判断操作,结合实例形式详细分析了传统方法与map简化复杂条件判断的相关操作技巧,需要的朋友可以参考下
    2020-02-02
  • JavaScript函数定义方法实例详解

    JavaScript函数定义方法实例详解

    这篇文章主要介绍了JavaScript函数定义方法,结合实例形式较为详细的分析了javascript函数的声明、定义、调用等原理与常见操作技巧,需要的朋友可以参考下
    2019-03-03
  • 简略的前端架构心得&&基于editor为例子的编码小技巧

    简略的前端架构心得&&基于editor为例子的编码小技巧

    这一阵事情有点多,没来的及更新神马东西。今天分享两个ppt吧。主要内容是关于一些编码的小技巧,另一个关于前端架构的一些些东西。
    2010-11-11
  • js实现字符全排列算法的简单方法

    js实现字符全排列算法的简单方法

    下面小编就为大家带来一篇js实现字符全排列算法的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • Javascript实现的简单右键菜单类

    Javascript实现的简单右键菜单类

    这篇文章主要介绍了Javascript实现的简单右键菜单类,通过JavaScript自定义类实现右键菜单功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • js禁止页面刷新禁止用F5键刷新禁止右键的示例代码

    js禁止页面刷新禁止用F5键刷新禁止右键的示例代码

    刷新禁止用F5键刷新禁止右键这些在某些特殊情况下还是比较实用的,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-09-09
  • JavaScript中的new操作符的具体使用

    JavaScript中的new操作符的具体使用

    本文主要介绍了JavaScript中的new操作符的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • JS+CSS实现六级网站导航主菜单效果

    JS+CSS实现六级网站导航主菜单效果

    这篇文章主要介绍了JS+CSS实现六级网站导航主菜单效果,涉及JavaScript遍历页面元素及动态修改css属性的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • 详解webpack import()动态加载模块踩坑

    详解webpack import()动态加载模块踩坑

    这篇文章主要介绍了详解webpack import()动态加载模块踩坑,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • 使用javascript实现简单的选项卡切换

    使用javascript实现简单的选项卡切换

    本文主要介绍了使用javascript实现简单的选项卡切换的效果,代码非常的简单,兼容性十分棒,这里推荐给小伙伴们。
    2015-01-01

最新评论