测试驱动开发(TDD)前端篇

article/2025/10/11 19:54:49

在这里插入图片描述

当你在写生产代码时,你处在高认知的状态(obvious),你的研发流程和你的工程实践,有助于你一步一步的提升你的认知能力,把你的问题进行一个降解(分解),只要你做到同样的事情,你用什么方法开发,我认为都是一种高效的方法。

list

  • TDD的困惑
  • TDD的思考
  • TDD的使用场景
  • 写一个TDD的实例
  • TDD对我们的影响

TDD的困惑

什么是TDD

TDD 是测试驱动开发 (Test-Driven Development)的英文简称,是敏捷开发中的一项核心实践和技术,也是一种设计方法论。TDD 的原理是在开发功能代码之前,先编写单元测试用例代码,测试代码确定需要编写什么产品代码。

Kent Beck:“测试驱动开发不是一种测试技术。它是一种分析技术、设计技术,更是一种组织所有开发活动的技术”。

分析技术: 体现在对问题域的分析,当问题还没有被分解成一个个可操作的任务时,分析技术就派上用场,例如需求分析、任务拆分和任务规划等,《实例化需求》这本书可以给予一定的帮助作用。

设计技术: 测试驱动代码的设计和功能的实现,然后驱动代码的再设计和重构,在持续细微的反馈中改善代码。

组织所有开发活动的技术: TDD 很好地组织了测试、开发和重构活动,但又不仅限于此,比如实施 TDD 的前置活动包括需求分析、任务拆分和规划活动,这使得 TDD 具有非常好的扩展性。

TDD的目标

Kent Beck 在他的著作《Test-Driven Development》一书中提到:“代码简洁可用“这句言简意赅的话,正是 TDD 所追求的目标。

对于如何保证“代码简洁可用”可以使用分而治之的方法,先达到“可用”目标,再追求“简洁”目标。

可用: 保证代码通过自动化测试。

代码简洁: 在不同阶段人们对简洁的理解程度也不一样,不过遵循的原则差不多,例如 OOD 的 SOLID 原则,Kent Beck 的 Simple Design 原则等。

虽然有很多因素妨碍我们得到整洁的代码,甚至可用的代码,无需征求太多意见,只需要采用 TDD 的开发方式来驱动出简洁可用的代码。

TDD 的规则

在 TDD 的过程中,需要遵循两条简单的规则:

  1. 仅在自动测试失败时才编写新代码
  2. 消除重复设计(去除不必要的依赖关系),优化设计结构(逐渐使代码一般化)

第一条规则的言下之意是每次只编写刚刚好使测试通过的代码,并且只在测试运行失败的时候才编写新的代码,因为每次增加的代码少,即使有问题定位起来也非常快,确保我们可以遵循小步快跑的节奏;第二条规则就是让小步快跑更加踏实,在自动化测试的支撑下,通过重构环节消除代码的坏味道来避免代码日渐腐烂,为接下来编码打造一个舒适的环境

关注点分离是这两条规则隐含的另一个非常重要的原则。其表达的含义指在编码阶段先达到代码“可用”的目标,在重构阶段再追求“简洁”目标,每次只关注一件事!!!

TDD 的口号

在这里插入图片描述

简单来说,不可运行/可运行/重构——这正是测试驱动开发的口号,也是 TDD 的核心。在这个闭环中,每一个阶段的输出都会成为下一阶段的输入。

  1. 不可运行——写一个功能最小完备的单元测试,并使得该单元测试编译失败。
  2. 可运行——快速编写刚刚好使测试通过的代码,不需要考虑太多,甚至可以使用一些不合理的方法。
  3. 重构——消除刚刚编码过程引入的重复设计,优化设计结构。

假设这样的开发方式是可能的,那我采用 TDD 真正的动机是什么?

采用 TDD 的动机

  • 控制编程过程中的忧虑感。

有一个有趣的想象,当我感觉压力越大,自身就越不想去做足够多的测试。当知道自己做的测试不够时,就会增加自身的压力,因为我担心自己写的代码有 BUG,对自己编写的代码不够自信,这是一种心态上的变化。此时测试是开发人员的试金石,可以将对压力的恐惧变为平日的琐事,采用自动化测试,就有机会选择恐惧的程度。

  • 把控编程过程中的反馈与决策之间的差距。

如果我做了一周的规划,并且量化成一个个可操作的任务写到 to-do list,然后使用测试驱动编码,把完成的任务像这样划掉,那么我的工作目标将变得非常清晰,因为我明确工期,明确待办事项,明确难点,可以在持续细微的反馈中有意识地做一些适当的调整,比如添加新的任务,删除冗余的测试;还有一点更加让人振奋,我可以知道我大概什么时候可以完工。项目经理对软件开发进度可以更精确的把握。

为什么TDD没有普及

很多项目团队并没有使用 TDD (测试驱动开发)的开发方式,我想这在目前的开发团队中占比非常高,特别是中小型公司的前端开发团队,几乎可以说是“全军覆没”,为什么?原因可能是以下所列的一些:

  • TDD 太麻烦,增加了工作量
  • TDD 太复杂,普通程序员掌握不了
  • TDD 并不是必须的,不必要投入这些时间成本
  • TDD 是个太理想的方式,还是要面对现实
  • TDD 很好,可是我们公司实力弱,招不起那么专业的开发人员啊

就好比,有人跟我们说,健身很快乐、很上瘾,收益非常大,而我们却没办法体会,也明知这个道理,也不能实践。然后呢?总是有一堆理由和借口来给别人,也给自己开脱。

  • 健身 太麻烦,太累,每天上班工作已经很累了
  • 健身 太难了(要办健身卡,请健身教练),一般人没条件
  • 健身 也不是第一要务,暂时没那么多时间去投入
  • 健身 的生活方式是理想的方式,目前的现况还是要面对的
  • 健身 很好,可是家里的现状不允许啊

我想这里面有一些可能的原因:

  • 没有了解健身的益处(对 TDD 的理解可能还不够深刻)

  • 没有勇敢的走出第一步(没有给团队一定的空间和时间去尝试和体会)

  • 安于当下(眼光看得不够远,只关注眼下项目的结果)

  • 没有真正体会过 TDD 的好处和收益

  • 缺乏软件质量意识

  • 缺乏一定程度的程序设计能力,很难设计出高内聚低耦合、意图清晰的结构和代码。

  • 缺乏分析需求并进行任务分解和规划的能力,很容易在还没开始 TDD 的时候就被打乱了节奏。

  • 缺乏合适的测试环境和测试规范。

  • 测试优先的习惯难以养成。

  • 重构手法不熟练。

当然,健身还只是一个个人的事情,而 TDD 则是一个团队和一个公司的事情,有时候可能最终能推动会显得更困难。当然,也可以从自身做起,逐渐带动周围的人慢慢加入,这需要一个过程。

简述TDD开发流程

  • 需求分析

理解业务需求

  • tasking(任务拆分)

把我们大的需求拆分成小的,然后逐一击破,最后大的测试也就顺其自然的完成了,分别是happy path和sad path(异常抛出)

  • 重构

好处 -> 可维护性和可扩展性 -> 可读性 -> 性能 -> 节省成本

总结

因为我当前所在团队是以敏捷的方式来进行开发,故把和敏捷开发息息相关的TDD来总结一下,我们团队当下也正在尝试一些新的可以提高个人水准和工作效率的方案,例如TDD。

相关资料


  • https://juejin.cn/post/7078906878779981832
  • https://juejin.cn/post/6930895635277316103
  • https://www.bilibili.com/video/BV1zK4y1n7jf/?spm_id_from=autoNext&vd_source=144d89ce87155b6e261663d11afd3e08
  • https://juejin.cn/post/6844903780970921991
  • https://www.bilibili.com/video/BV1eL4y1M7PJ/?spm_id_from=333.337.search-card.all.click&vd_source=144d89ce87155b6e261663d11afd3e08

水平有限,还不能写到尽善尽美,希望大家多多交流,跟春野一同进步!!!


http://chatgpt.dhexx.cn/article/5jwV5m9L.shtml

相关文章

TDD 开发测试

测试驱动开发(Test-Driven Development)。是敏捷开发中的一项核心实践和技术。 TDD是在开发功能代码之前,先编写单元测试用例代码,测试代码确定需要编写什么产品代码。 变红 ——> 变绿 ——> 重构 在进行 TDD 案例编写的时候,看一…

TDD测试驱动开发

TDD测试驱动开发 什么是测试驱动开发测试驱动开发该怎么做?需求一:输入一个非元音字符,并预期返回字符本身 (输入"h" 返回“h”)需求二:输入一个元音(a,e,i,o,u),返回 mommy (输入&qu…

TDD测试驱动学习

gtest 和 gmock 安装 //如果不知道对应库名字可以执行这个命令查找对应库,如果没找到要去跟新对应的源sudo apt update sudo apt-cache search gtest sudo apt-cache search gmock 测试例子 #include <string> using std::string;// 定义 Soundex 类 class Soundex {pub…

TDD (test driver development)测试驱动开发

##为什么需要测试驱动/或者说需要单元测试 我们工作接触的软件项目&#xff0c;不是学生时代&#xff0c;玩一玩就不管了&#xff0c;工作的项目&#xff0c;需要长期维护&#xff0c;并且随着时间的推移需要增加新的需求&#xff0c;进行修改&#xff0c;优化。此时已经距离你…

tdd(测试驱动开发)的概述

最近的工作的项目&#xff0c;使用了tdd&#xff08;test-driven development测试驱动开发&#xff09;的开发模式。 这两几年大概听说了无数种xxx-dd, ddd, tdd, atdd, bdd, fdd, udd各种名词眼花缭乱&#xff0c;当然很多dd其实也有相互借鉴&#xff08;抄袭&#xff09;的部…

测试驱动开发(TDD)实践与技巧

文章目录 引言Google Mock测试用例结构断言经典式断言Hamcrest 断言 测试驱动开发&#xff1a;第一个示例开场白开始吧去掉不干净的代码增量性fixture 设置思索与测试驱动开发测试驱动与测试 测试驱动开发基础与单元测试单元测试的组织结构测试驱动开发周期&#xff1a;红-绿-重…

opencv配置相关的截图参考

opencv配置相关的截图参考&#xff0c;如下&#xff1a;

Anaconda3安装及opencv配置

一、Anaconda安装 1.直接百度搜anaconda&#xff0c;进入官网即可&#xff08;anaconda网站链接&#xff09; 2.点击图片上黑框&#xff08;Get Started&#xff09;即可进入下一步&#xff0c;选择下图中第四个 3.选择适合电脑类型的anaconda安装器&#xff0c;注意选好64位…

linux安装配置opencv

刚开始学习ubuntu&#xff0c;有些项目需要用到opencv&#xff0c;当我用下面的命令安装包的时候&#xff0c;总是出现“E&#xff1a;无法定位软件包 opencv”的错误。然后开始着手解决&#xff0c;网上搜集了很多的教程&#xff0c;大部分都是说要更换源&#xff0c;我也照做…

opencv安装配置测试

前面安装了pcl和qt&#xff0c;以及qt中的vtk&#xff0c;这里配置下opencv4.3 将cv复制到D盘下。 安装完成之后&#xff0c;添加环境变量&#xff0c;[计算机]->右键 [属性]->[高级系统设置]->[环境变量]->[系统环境变量]->编辑 [Path]&#xff0c;添加“D:…

Qt中配置OpenCV

Qt中配置OpenCV 1. 环境下载2. 进行编译和安装2.1 新建opencv-build文件夹&#xff0c;用于opencv的 编译和安装&#xff08;直接在opencv下新建即可&#xff09;2.2 CMake设置2.3 命令行进行编译安装 3. Qt测试4. 其它问题4.1 若电脑上安装有PyQt4.2 电脑无法访问wai网 1. 环境…

Anaconda配置OpenCV

文章目录 1.安装Anaconda2.配置OpenCV2.1打开Anaconda Prompt2.2找到里面Scripts的路径2.3下载2.4验证是否配置成功 3.出错解决办法4.参考文章 1.安装Anaconda 可以查看我的上一篇文章&#xff1a;Anaconda下载、安装和环境配置 2.配置OpenCV 2.1打开Anaconda Prompt 在开始…

Opencv学习笔记——opencv配置安装与IDE环境安装

文章目录 前言一、opencv配置安装二、IDE的安装总结 前言 既然开始对AI视觉这个方面有兴趣&#xff0c;也初步接触了一些AI视觉在嵌入式方面的应用&#xff0c;那自然少不了对Opencv的学习。到现在开始学习opencv之前对它了解不多&#xff0c;只知道opencv的全称是Open Source…

vs + python + opencv 配置

首要条件&#xff0c;在vs上安装python环境。 以Visual Studio 2019为例讲解如何配置python、opencv、及相关第三方库。&#xff08;其它vs版本只是在界面上有所区别&#xff0c;过程相同。&#xff09; 步骤一&#xff1a;安装python开发工具 按下图操作&#xff0c;勾选Pyt…

vscode配置opencv

前言 本篇文章主要用来记录使用vscode配置opencv的全过程&#xff0c;在整个过程中需要用到的工具包括vscode安装包、MinGW-w64和opencv的源码。vs studio配置opencv比较简单&#xff0c;opencv官网中已经有用vs studio编译器编译好的opencv库&#xff0c;但是对于vscode而言&a…

windows下 C++ openCV配置及x86编译(傻瓜式教程)

本傻瓜教程需要的环境如下: IDE: vs2015或vs2017 , windows 10 或 11 vs2017下载地址如下: ①百度网盘 链接&#xff1a;https://pan.baidu.com/s/1r628e9M5lv_F9IWO-h05jA 提取码&#xff1a;23a7 ②官网地址 https://my.visualstudio.com/Downloads/Featured?mktzh-cnh…

【Qt+OpenCV配置简介】

【Qt&OpenCV】QtOpenCV配置简介 文章目录 【Qt&OpenCV】QtOpenCV配置简介前言一、Qt安装二、OpenCV安装三、Qt配置OpenCV四、测试​总结 前言 越来越多的开发人员选择基于开源的Qt框架与OpenCV来实现界面和算法&#xff0c;其原因不单单是无版权问题&#xff0c;更多是…

Qt+OpenCV配置教程(图解亲测)

文章目录 QtOpenCV配置教程安装配置使用 QtOpenCV配置教程 安装 我都安的最新版的&#xff08;cmake 3.22.1 opencv 4.5.1 qt 5.12.1&#xff09;。 1、cmake安装 2、qt mingw安装 3、opencv安装 配置 首先要设置环境变量。 换成对应你自己版本、位置的环境变量 D:\Prog…

Python配置OpenCV

pip install opencv-pyton&#xff0c;但是由于网络原因&#xff0c;会导致下载不成功。可以从这个网站下载python版本对应的opencv安装包&#xff1a;https://www.lfd.uci.edu/~gohlke/pythonlibs/#opencv 比如我的python版本是3.8.8 > 对应python版本&#xff0c;下载这个…

Opencv环境配置

下载 可以在Opencv官网下载发布包&#xff0c;opencv4需要C版本高&#xff0c;可以选择opencv3。 我这里就下载Opencv3.4.14的windows版本&#xff0c;注意这里下载后里面包含源码和编译后的lib和dll。所以不用单独下载Sources。 下载后解压出来就是这样&#xff1a; 创建项目…