MST

星途 面试题库

面试题:TypeScript端到端测试中类型支持的基本实现

在TypeScript的端到端测试中,如何为一个简单的函数添加类型支持并进行测试?假设该函数接收两个数字参数并返回它们的和。请用Jest框架(一种常用的测试框架)结合TypeScript来实现。
20.7万 热度难度
前端开发TypeScript

知识考点

AI 面试

面试题答案

一键面试
  1. 创建TypeScript函数
    • 首先,创建一个简单的TypeScript函数,该函数接收两个数字参数并返回它们的和。假设将其放在add.ts文件中。
    // add.ts
    export function add(a: number, b: number): number {
        return a + b;
    }
    
  2. 配置Jest和TypeScript
    • 确保项目中安装了jest@types/jest。可以通过以下命令安装:
    npm install --save -dev jest @types/jest
    
    • 还需要安装ts - jest,它允许Jest运行TypeScript代码。
    npm install --save -dev ts - jest
    
    • 配置jest.config.js文件,使其能够处理TypeScript。以下是一个基本配置示例:
    module.exports = {
        preset: 'ts - jest',
        testEnvironment: 'node',
    };
    
  3. 编写测试用例
    • 创建一个测试文件,例如add.test.ts
    import { add } from './add';
    
    describe('add function', () => {
        it('should add two numbers correctly', () => {
            const result = add(2, 3);
            expect(result).toBe(5);
        });
    });
    
  4. 运行测试
    • package.json中添加测试脚本:
    {
        "scripts": {
            "test": "jest"
        }
    }
    
    • 然后运行npm test,Jest将执行add.test.ts中的测试用例,并验证add函数的正确性。同时,TypeScript的类型检查也会在测试过程中确保类型的正确性。