对TypeScript库进行单元测试

jayzou 发布于2019-08-26 10:11 / 2910人阅读

摘要：单元测试能限制你库中的生长。但你可以使用单元测试来测试每个特性，并且编写起来并不难。一些用于单元测试的库提供了好用的方法来执行测试。也就是说此时的应该是如果您想运行多带带的某个单元测试，可以用。

原文发布于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。

GPU云服务器云服务器对数据进行分析单元测试对邮箱空间进行清理对数据进行统计排行

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105736.html

使用 TypeScript 编写一个完善包含测试、文档和持续集成的库

摘要：单元测试一个合格的库应该包含完整的单元测试。是的支持版，和是一样的，它能够直接运行为后缀的单元测试文件。在目录下加入然后执行即可看到单元测试结果。这篇文章主要是讲述如何使用 TypeScript 编写一个完善，包含测试、文档、持续集成的库，涵盖了编写整个库所需要的技术和工具，主要涵盖：项目目录骨架 TypeScript 配置使用 jest 单元测试使用 vuepress 编写...

lingdududu 2019-08-23 14:27 评论0 收藏0
深入Vue3+TypeScript技术栈-coderwhy大神新课王红元

摘要：是一个测试框架，在中配合断言库实现单元测试。脚本命名方式为组件名。单元测试默认测试目录下除了之外的所有文件，可在文件中修改。回收，一般在每个测试脚本测试完成后执行回收。等元素事件名称配置项触发和事件，既触发点击事件。百度网盘提取码：u6C4在使用vue-cli创建项目的时候，会提示要不要安装单元测试和e2e测试。...

番茄西红柿 2021-11-25 09:43 评论0 收藏2637
快速 TypeScript 化 lodash 中的 throttle & debounce

摘要：背景需要包写起来爽，然而如果遇到没有现成的化的工具函数，就需要自己想办法弄出一份类型声明文件了。最为重要的是，这种迁移方面我们可以随意自定义化中所需要的工具函数，迁移粒度都可以由自己控制。 1、背景 1.1、需要 TS 包 TypeScript 写起来爽，然而如果遇到没有现成的 TS 化的工具函数，就需要自己想办法弄出一份类型声明文件了。前两天要写的小工具库（Typescript 语...

lewinlee 2019-08-26 10:18 评论0 收藏0
你不知道的前端SDK开发技巧

摘要：一个带提示的最后对于开发同学来说，就算不使用，也强烈建议使用提供注解，它会通过一些类型推导来检查你的代码的正确性，可以减少很多开发过程中的。相对于对象，它保证了输入的类型你定义的对象可能某一天不再只有类型的，不再需要额外的类型判断。作者：陈达孚香港中文大学研究生,《移动Web前端高效开发实战》作者之一，《前端开发者指南2017》译者之一，在中国前端开发者大会,中生代技术大会等技术...

jokester 2019-08-21 17:56 评论0 收藏0
前端每周清单第 29 期：Web 现状分析与优化策略、Vue 单元测试、Headless Chrom

摘要：前端每周清单第期现状分析与优化策略单元测试爬虫作者王下邀月熊编辑徐川前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点分为新闻热点开发教程工程实践深度阅读开源项目巅峰人生等栏目。 showImg(https://segmentfault.com/img/remote/1460000011008022); 前端每周清单第 29 期：Web 现状分析与优化策略...

HackerShell 2019-08-21 12:05 评论0 收藏0