使用 typescript 来写测试

wemall 发布于2019-05-29 17:09 / 3450人阅读

摘要：使用来写测试介绍编写测试的重要性我就不说了使用的好处我也不说了那么接下来就让我们使用来更好的编写测试吧安装依赖运行会帮我们生成一个配置文件在根目录下新增如果项目原来就是写的话，肯定会有这个文件，没有的话，需要新增一个。

使用 typescript 来写测试 介绍

编写测试的重要性我就不说了
使用 ts 的好处我也不说了
那么接下来就让我们使用 ts 来更好的编写测试吧

安装依赖

yarn add -D typescript ts-jest jest @types/jest

Config File

运行yarn ts-jest config:init, ts-jest 会帮我们生成一个 jest 配置文件jest.config.js

module.exports = {
  preset: "ts-jest",
  testEnvironment: "node"
}

tsconfig.jest.json

在根目录下新增tsconfig.json,如果项目原来就是 ts 写的话，肯定会有这个文件，没有的话，需要新增一个。但是，有时候我们测试环境跟开发环境的 ts 配置是有区别的，所以我们可以新增一个tsconfig.jest.json来区分不同环境的 ts 配置

{
  "extends": "./tsconfig",
  "compilerOptions": {
    "jsx": "react"
  }
}

这样的话，之前的jest.confg.js就需要修改了，因为默认读的是tsconfig.json

module.exports = {
  globals: {
    "ts-jest": {
      tsConfigFile: "tsconfig.jest.json"
    }
  },
  testEnvironment: "node"
}

其他配置参考ts-jest

新增测试

现在可以开始使用 ts 愉快的编写测试了,在根目录下新增test/a.test.ts文件
参考文档jest

import sum from "./sum"

test("adds 1 + 2 to equal 3", () => {
  expect(sum(1, 2)).toBe(3)
})

运行测试

yarn jest

yarn jest --coverage

总结

使用 ts 编写测试的好处，实际上就是 ts 的好处。比如，有完善的 api 提示；避免低级错误；等等。
这就完了？对，这就完了。现在已经可以简单的写一些单元测试了，当然我们的应用不可能这么简单就能测得了的，肯定会有很多乱七八糟的依赖，所以，下一篇讲 “使用 ts、 enzyme 测试 react-redux 应用”。

专线服务 idc机房托管来写 TypeScript typescript javascript typescript-ionic2

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

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

TypeScript 、React、 Redux和Ant-Design的最佳实践

摘要：使用官方的的另外一种版本和一起使用自动配置了一个项目支持。需要的依赖都在文件中。带静态类型检验，现在的第三方包基本上源码都是，方便查看调试。大型项目首选和结合，代码调试维护起来极其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律，指的是any application that can be wr...

wangbinke 2019-08-23 17:10 评论0 收藏0
TypeScript 、React、 Redux和Ant-Design的最佳实践

摘要：使用官方的的另外一种版本和一起使用自动配置了一个项目支持。需要的依赖都在文件中。带静态类型检验，现在的第三方包基本上源码都是，方便查看调试。大型项目首选和结合，代码调试维护起来极其方便。 showImg(https://segmentfault.com/img/bVbrTKz?w=1400&h=930); 阿特伍德定律，指的是any application that can be wr...

codeKK 2019-08-29 18:42 评论0 收藏0
你不知道的前端SDK开发技巧

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

jokester 2019-08-21 17:56 评论0 收藏0
SegmentFault 创始人祁宁对话 C# 之父 Anders Hejlsberg

摘要：加入微软的年里，一直致力于和的研发工作。圆桌对话由祁宁江宏以及云适配马铎共同参与。圆桌对话深入了解江宏大家好，我是的江宏。因为函数式语言有了里的很多特性，当然微软也有自己的函数式语言。导读上周，C#、Delphi 之父 Anders Hejlsberg 亲临帝都，就 TypeScript 做了一场技术分享，并与众多开发者就此进行了技术探讨。Anders Hejlsberg 加入微软...

TesterHome 2019-08-21 10:45 评论0 收藏0