测试驱动开发

大家好，我是万维读客的讲师曹欢欢。本节主要学习测试驱动开发的基本思路和方法，学习了解基于vite构建项目，基于vitest做测试驱动。

TDD是什么 #

测试驱动开发（TDD， Test Driven Develop）是敏捷开发中的一种开发思想，它强调测试先行，通过自动化测试保障代码质量和可用性。

TDD实践：先开发单元测试用例，在开发逻辑功能，测试用例全通过才可以完成软件交付。

TDD适用场景 #

TDD适用于软件需要持续开发持续集成的业务场景，比如开发框架，开发组件类库等等。

开发过程中拉去新的分支，增加新的代码，增加新的测试用例，交付时，所有测试用例通过才能集成到主干分支。

TDD类库 #

之前用过mocha、jest等都是不错的单测库，现在比较热门的推荐使用vitest：https://vitest.dev/guide/why.html，可以配合vite使用的测试类库。

安装vitest：

# yarn初始化vite项目treact
yarn create vite treact --template vanilla

# 安装vitest依赖
yarn add -D vitest

使用方法 #

项目下面增加vitest.config.ts文件，内容如下：

import { defineConfig } from 'vitest/config'

export default defineConfig({
    test: {
        environment: 'happy-dom',
    },
})

因为我们这里要用到jsx处理虚拟DOM，所以这里配置了环境是happy-dom，所以还要安装依赖：

yarn add -D happy-dom

好了这里我们就已经搭建好了一个可以执行测试用例的TDD开发环境了。

参考学习 #

1. TDD: https://juejin.cn/post/6844903780970921991
2. vitest: https://vitest.dev/guide/why.html
3. vite: https://vitejs.dev/guide/why.html