玩转JEST(一):完成自己第一个测试程序

安装并简单配置

npm install --save-dev jest # 本地安装

初始化 jest 基础配置

注意:这一步非必须,可跳过,如果要使用请先全局安装 npm install -g jest

jest --init

第一个 jest 程序

创建两个文件 sum.jssum.test.js,并修改 package.json 文件,然后执行 npm test 即可看到测试结果

// package.json 运行jest脚本
{
  "scripts": {
    "test": "jest"
  }
}
// sum.js
function sum(a, b) {
  return a + b;
}
module.exports = sum;
// sum.test.js
const sum = require('./sum');

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

使用 Babel

先安装相关包

# 注意 babel 用的是 v7 版本,其他版本不适用,如果你不适用 es6+ 的语法,则不需要安装 babel
npm i -D babel-jest babel-core@^7.0.0-bridge.0 @babel/core regenerator-runtime @babel/preset-env

创建 .babelrc.js

const presets = ['@babel/preset-env'];
module.exports = { presets };

大功告成,可以使用 ES6+ 的语法了

简书作者 小菜荔枝 转载请联系作者获得授权

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • babel官网 babel 介绍 Babel 是一个通用的多用途 JavaScript 编译器。通过 Babel ...
    锋享前端阅读 5,797评论 0 10
  • 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较...
    不忘初心_9a16阅读 8,448评论 0 17
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,843评论 0 21
  • 1.今天学习了新成语,卖弄俊俏。指妇女故意卖弄容貌美丽的轻佻行为。 这成语让我联想起今天的网络热搜,林丹出轨。那个...
    夏小君阅读 968评论 0 0
  • 我发现很多人早上练习说英语,这很好 但是他们说英语只是说英语,而不是去模仿,这不好 我喜欢听,听了很多电影,不用字...
    我不是注销了吗阅读 1,085评论 2 0