美文网首页
Jest 的安装和使用

Jest 的安装和使用

作者: 我是Msorry | 来源:发表于2020-09-09 15:54 被阅读0次

    安装

    yarn add --dev 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);
    });
    

    在根目录打开 package.json,添加命令行快捷方式

    {
      "scripts": {
        "test": "jest"
      }
    }
    

    在命令行工具运行

    yarn test
    

    结果:
    PASS ./sum.test.js
    ✓ adds 1 + 2 to equal 3 (5ms)

    配置Jest

    1.暴露 Jest 配置文件
    yarn jest --init
    
    • 选择运行环境
      选择 jsdom(browser-like) 浏览器环境运行
    • 是否生成测试覆盖率报告
      y
    • 是否自动清除模拟调用
      y
    • 根目录下 jest.config.js 文件既为 jest 配置文件
    2.在根目录打开 package.json,添加命令行快捷方式
    script:{
      "test":"jest --watchAll",
      "coverage":"jest --coverage"
    }
    
    3.安装 babel

    jest 只认识 commonJS 语法,不认识 export 语句,所以需要安装 babel 进行转义

    yarn add @babel/core@7.4.5 --dev
    yarn add @babel/preset-env@7.4.5 --dev
    
    4.配置babel
    • 在根目录创建名为 .babelrc 的文件
      "presets":[
        ["@babel/preset-env", {"targets":{"node":"current"}}]
        ]
    }
    

    当运行 yarn test 时,jest 内部插件 babel-jest 会自动地检测当前环境下是否安装 babel或babel-core,如果安装 babel-core 会根据 .babelrc 的配置,先把代码转化成 jest 能识别的语句,再运行测试

    使用

    1.运行测试
    yarn test
    

    根据上面的配置,会自动运行所有测试用例

    2.生成测试覆盖率报告
    yarn coverage
    

    相关文章

      网友评论

          本文标题:Jest 的安装和使用

          本文链接:https://www.haomeiwen.com/subject/lumeektx.html