Typescript 使用 Jest 进行单元测试

参考文章:快速开始·Jest

  1. 安装所需依赖:npm install --save-dev ts-node jest @types/jest ts-jest
    Jest 转换 TypeScript 代码需要ts-node
  2. 添加并配置 Jest 配置文件:jest.config.ts
typescript 复制代码
// jest.config.ts
module.exports = {
  // TypeScript 代码预处理
  preset: 'ts-jest',
  testEnvironment: 'node',
  testMatch: ['**/__tests__/**/*.ts?(x)', '**/?(*.)+(spec|test).ts?(x)'],
  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
};
  1. 修改tsconfig.json文件:
typescript 复制代码
{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "outDir": "./dist",
    "strict": true,
    "esModuleInterop": true,
    "types": ["jest"] // 添加这一行来指定 TypeScript 使用 Jest 的类型定义
  },
  "include": ["src/**/*", "test/**/*"] // 确保测试文件也被包含进来
}
  1. 编写测试
    源代码文件sum.ts
typescript 复制代码
// sum.ts
export function sum(a: number, b: number): number {
  return a + b;
}

测试文件sum.test.ts

typescript 复制代码
import { sum } from './sum';
import {describe, test, expect} from "@jest/globals";

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

  it('adds negative numbers correctly', () => {
    expect(sum(-1, -1)).toBe(-2);
  });
});
  1. 运行测试,在命令行执行命令:npx jest
相关推荐
伍哥的传说1 小时前
Vue 3.5重磅更新:响应式Props解构,让组件开发更简洁高效
前端·javascript·vue.js·defineprops·vue 3.5·响应式props解构·vue.js新特性
德育处主任2 小时前
p5.js 3D 形状 "预制工厂"——buildGeometry ()
前端·javascript·canvas
Mintopia2 小时前
React 牵手 Ollama:本地 AI 服务对接实战指南
前端·javascript·aigc
Mintopia2 小时前
Next.js 全栈开发基础:在 pages/api/*.ts 中创建接口的艺术
前端·javascript·next.js
xvmingjiang2 小时前
Element Plus 中 el-input 限制为数值输入的方法
前端·javascript·vue.js
狂炫一碗大米饭3 小时前
事件委托的深层逻辑:当冒泡不够时⁉️
javascript·面试
张柏慈3 小时前
JavaScript性能优化30招
开发语言·javascript·性能优化
pepedd8644 小时前
全面解析this-理解this指向的原理
前端·javascript·trae
渔夫正在掘金4 小时前
神奇魔法类:使用 createMagicClass 增强你的 JavaScript/Typescript 类
前端·javascript
雲墨款哥4 小时前
一个前端开发者的救赎之路-JS基础回顾(三)-Function函数
前端·javascript