前端自动化测试框架(Cypress从入门到精通)

作者简介

蔡超，测试架构师，自动化测试框架ktest作者，软件测评师，PMP，互联网测试开发社区VIPTEST联合创始人，微信公众号iTesting作者。 曾先后服务于世界 500 强企业 HP, 在线教育领军企业EF Labs 等知名外企, 对测试框架，自动化测试有深入研究。 业余时间热爱软件测试技术分享并长期致力于软件测试的技术传播工作。 技术博客https://www.helloqa.com

内容简介

1.2 前端自动化测试框架概述 前端开发技术从简单的静态页面发展到了现在的应用程序阶段，经历了如此巨变，但是前端自动化测试呢？ 1.2.1 应运而生的前端测试框架 自从2004年Selenium诞生之日起，Selenium就展现出极强的生命力，随着WebDriver的横空出世，Selenium/WebDriver逐渐成为前端自动化测试的不二之选，但此后Selenium/WebDriver的演进速度却越来越跟不上前端技术的发展，特别是前端页面开发演化成了前端应用程序开发后，前端实际上具备了后端（服务器端）的一切能力（Node.js作为前端Server，也可以提供接口接收客户端的请求并处理），但是Selenium/WebDriver本身却仍只能单纯地用在UI测试层面（除非加入第三方库）。 前端具备了后端的雏形，能够保存、处理后端传递过来的数据。但前端测试框架并没有与时俱进，于是我们常常遇见这样的问题：一个接口测试请求失败了，我们不知道是前端的问题还是后端的问题，测试人员需要花费大量时间排查，然后告知相应的前端或者后端开发者，客观上增加了测试人员的工作量。 这就给我们的测试工作带来了较大的挑战，众所周知，互联网的竞争已进入下半场。在互联网红利消失后，如何提高组织效率增强自身竞争力将是各大互联网公司的首要目标。特别是由于国内互联网“以业务为先”的特点，超额的工作任务，越压缩越短的工作周期将长期存在，在这样的大环境下，各个互联网公司必然对能够提升效率的工具趋之若鹜。特别是随着国内BAT等巨头的“大中台，小前台”战略的实施和对外宣传，客观上也需要一个容易上手、功能完备、满足当前技术发展的一个前端测试框架。 随着上述问题越来越多，Selenium/WebDriver越来越不能满足整个测试行业对于前端自动化框架的需求。于是有追求的优秀企业及个人，依托于现代Web技术的发展，开始寻找或者创建更能适应当前前端开发趋势的前端测试框架。 越来越多的前端测试框架如雨后春笋般涌现，我们迎来了一批优秀的前端测试框架或工具。 例如Karma，Nightwatch，Protractor，TestCafe，Cypress和Puppeteer。在这些测试工具中，有的仍然依托于Selenium/WebDriver的底层协议，有的则完全自成体系，它们或极大地扩展了原有Selenium/WebDriver的功能，或填补了Selenium/ WebDriver由于架构设计而无法弥补的空白。无论是哪种情况，Selenium/WebDriver的前端自动化测试的统治地位受到挑战已经是不争的事实，前端测试框架由此进入“群雄割据”的时代。 其中的佼佼者如Cypress，它的底层实现完全不依托于Selenium/WebDriver的WebDriver Protocol，使得Cypress的运行速度比Selenium/WebDriver快。另外，由于Cypress和被测试应用程序运行在同一个浏览器界面，使得Cypress可以测试测试金字塔的任意一层（是的，你没有看错，包括UI集成测试，API接口测试和单元测试）。这些特性加上Cypress是一个不需要任何第三方扩展，就具备一个优秀的测试框架的全部特性的事实，使得Cypress在一众前端测试框架中脱颖而出。 Cypress能够让软件开发实现并行测试，持续集成；专有元素定位，框架级别元素自动等待，原生支持Mock；专有TestRunner，命令执行细节全景回放呈现，定位问题更加精准。越来越多的国际大公司使用Cypress提升测试效率，学习Cypress自动化测试，正是趋势所在。 知名测试架构师蔡超老师在软件开发领域摸爬滚打15年，从多家知名外企成长，精心创作的这本书，集知识、经验、案例一书，并配180分钟视频面对面讲授，让你轻松学会：一个工具实现DevOps流水线；一个框架集成API测试和UI自动化测试；创建您自己的自动化测试框架