首页 > 其他分享 >Typescript 测试驱动开发 TDD (1)

Typescript 测试驱动开发 TDD (1)

时间:2023-09-21 11:02:36浏览次数:62  
标签:Typescript 代码 单元测试 视图 TDD 测试 编写 我们

在JavaScript开发的现代世界中,有许多不同的前端框架可供我们用来编写应用程序,从旧的框架如Backbone.js到较新的Angular、React和Vue等。这些框架通常使用模型视图控制器(MVC)设计模式或其变体之一,例如模型视图表现器(MVP)或模型视图视图模型(MVVM)。当将这组模式一起讨论时,它们被一些人描述为“Model View Whatever”(MVW),或简称为MV*。

 

这种MV*风格的应用程序编写方式的一些好处包括模块化和关注点分离,但最大的优势之一是能够编写可测试的JavaScript代码。使用MV*允许我们对所使用的模型、视图和控制器进行单元测试。我们可以为各个类编写测试,并将这些测试扩展到覆盖一组类。我们还可以测试渲染函数,并确保网页上的DOM元素显示正确。我们可以模拟按钮点击、下拉选择、表单输入,甚至动画效果。然后,这些测试可以扩展到页面转换,包括模拟登录页面和访问权限。通过为应用程序构建大量的测试集合,我们能够确信代码按预期工作,并随时重构代码。

 

重构代码是指能够修改代码块或一组功能的底层实现,而不必担心会无意中引入错误。这意味着如果我们有一组测试,那么只要测试继续通过,我们就可以自由地重写底层代码的任何部分。有句老话说,没有测试的情况下,我们并非在重构代码,而只是随机更改事物。在大量的代码中,即使是一行代码的变动也可能产生不希望出现的副作用,在没有单元测试的情况下很难发现。

 

在本文中,我们将讨论与TypeScript相关的测试驱动开发。我们将重点介绍流行的Jest测试框架用于单元测试,并探索使用Jest进行测试的结构。然后,我们将讨论如何编写异步测试或处理异步代码的测试,以及如何编写实际修改DOM的测试。最后,我们将讨论端到端测试,即使用Protractor和Selenium对运行中网站进行测试。

 

标签:Typescript,代码,单元测试,视图,TDD,测试,编写,我们
From: https://www.cnblogs.com/bisslot/p/17719368.html

相关文章

  • 企业诊断屋:二手车交易平台 APP 如何用 AB 测试赋能业务
    更多技术交流、求职机会,欢迎关注字节跳动数据平台微信公众号,回复【1】进入官方交流群2023年汽车行业新车市场低靡,由新车降价引发的车辆价格波动很快传导到二手车市场,二手车的交易也受到了冲击,收车验车更加谨慎,诸多二手交易平台想要保障平台的交易率也变得竞争激烈。二手车......
  • Restful API 接口测试工具 HTTP Client
    HTTPClient软件项目开发有很多RESTfulAPI接口需要运行来验证效果,所以急需一款高效的接口测试工具。可能大家用的比较多的是swagger或者postman,这2个确实不错,不过这里我给大家推荐一种更简单的接口测试工具。这款工具就是idea中的自带的:HTTPClient,这款工具特别好用,主......
  • Linux/Unix-CPU-SuperPI-Unixbench性能测试
    测试服务器CPU单核及多核SuperPI圆周率测试real和user值,SuperPI是利用CPU的浮点运算能力来计算出π(圆周率),测试系统稳定性和测试CPU计算完后特定位数圆周率所需的时间;及Unixbench单核及多核测试Index得分,测试方法如下:类型预期结果测试步骤SuperPI测试(单核)......
  • pytest之fixture和mark参数化测试
    fixture和mark参数化测试区别:fixture参数化运用于多个测试用例mark参数化运用化单个测试用例======================================fixture支持参数化params所有的数据param本次测试用到的数据 [email protected](scope="function",......
  • typescript_typescript的下载与手动编译
    下载npminstall-gtypescript编译.ts文件为.js文件tsc./typescript/test1.ts上面这个命令会在test1.ts的所属目录中创建一个同名的test1.js文件......
  • 测试linux代码运行时间
    1. 前置知识  (1)gettid内核给线程(轻量级进程)分配的进程id,全局(所有进程中)唯一;  (2)pthread_self()是在用户态实现的,获取的是相对于进程的线程控制块的首地址,只是在当前进程空间中是唯一的。不能保证同一进程先后多个线程具有不同的id。(当前一个线程结束其生命周期,进程又新......
  • 使用Jest测试接口时间
    引言在开发和测试过程中,我们经常需要对接口的性能进行评估和优化。一个重要的指标是接口的执行时间。本文将介绍如何使用Jest来测试接口的执行时间,并提供示例代码。Jest简介Jest是一个流行的JavaScript测试框架,广泛应用于前端和后端的单元测试、集成测试和性能测试。它简单易用......
  • 自动化测试系列:接口自动化测试框架--05通过邮件发送测试结果的封装
    From: https://mp.weixin.qq.com/s/3w9GT2TYKIhrKCi36-DYRw---------------------------------------------------------------------------------------框架功能介绍1.自动整理接口测试用例:只需使用抓包工具,将需要接口请求另存为HAR文件,执行har2excel.bat即可自动生成接口请......
  • Windows下FFMPEG调用测试(解码264)
    #include<stdio.h>#include<stdlib.h>#include<string.h>extern"C"{#include<libavcodec/avcodec.h>charav_error[AV_ERROR_MAX_STRING_SIZE]={0};#defineav_err2str(errnum)av_make_error_string(av_error,AV_ERROR......
  • 使用openssl创建ssl证书,用于测试https服务
    一个web站点要对外提供https服务就需要ssl证书,ssl证书可以从云服务厂商那里购买,通常也能申请到免费的,但是如果只是为了测试,则可以使用openssl来创建ssl证书。下面是完整的生成过程:第一步:创建私钥opensslgenrsa-outserver.key2048第二步:创建签名请求文件opensslreq-new-key......