22|质量保证(上):每次上线都出Bug?你需要E2E测试
宋一玮
你好,我是宋一玮,欢迎回到 React 应用开发的学习。
上节课我们学习了前端应用的性能优化,强调了不要过早做性能优化,应用开发的主线工作还是应用开发。当“慢”或者“卡”的性能问题真实发生时,再去用一些工具定位性能问题的根源。如果确认是 React 领域内的性能问题,可以通过为生产环境构建、避免不必要的渲染 / 重新渲染或代码分割等方案解决。
接下来两节课,我们将进入大中型 React 项目最重要的实践之一:自动化测试的学习。我们会利用端到端(E2E)测试和单元测试,保证 React 项目的质量。同时也了解一下测试金字塔的理论,有助于你更深入理解端到端和单元测试的关系。
这节课我们先关注端到端测试。
人工测试有什么问题吗?
质量保证是软件行业现代化的标志之一,开发与测试可谓软件质量保证的矛与盾。
软件测试方法可以分为人工测试和自动化测试,两者对比如下表:
当前端项目规模大、迭代次数多时,测试工作量和难度往往呈几何上升,人工测试就会不堪重负,这时自动化测试就成为了前端项目的必选项。
这里额外提一下浏览器兼容性测试。在前几年,各种浏览器之间的差异很大,浏览器兼容性测试以人工测试为主;而近年来,随着现代浏览器成为主流,自动化测试框架也不断演进,虽然浏览器兼容性依然是一个问题,但已经可以通过自动化方式来测试来降本增效。国内和国际上,都有不少 SaaS 软件测试平台支持浏览器兼容性测试。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
本文介绍了在大中型React项目中保证质量的重要性,以及端到端(E2E)测试和自动化测试的作用。作者首先讨论了人工测试和自动化测试的对比,指出在大规模、多迭代的前端项目中,自动化测试成为必选项。同时,作者强调了自动化测试的编写责任应该由开发人员承担,因为这种方式可以提高开发者对代码质量的信心,并促使他们更全面地理解业务需求。接着,文章介绍了使用Playwright进行E2E测试的方法,包括创建E2E测试项目和运行测试的步骤。通过使用Playwright,可以在不同内核的浏览器中以无头方式运行自动化测试用例,从而验证软件行为和数据是否符合预期。整体来看,本文强调了自动化测试在保证React项目质量方面的重要性,以及使用Playwright进行E2E测试的实践方法。文章还提及了其他E2E测试工具,如Cypress和Selenium,并展望了下节课将学习的单元测试对项目质量提升的重要性。
仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《现代 React Web 开发实战》,新⼈⾸单¥59
《现代 React Web 开发实战》,新⼈⾸单¥59
立即购买
© 版权归极客邦科技所有,未经许可不得传播售卖。 页面已增加防盗追踪,如有侵权极客邦将依法追究其法律责任。
登录 后留言
全部留言(1)
- 最新
- 精选
- 林十二XII谢谢老师, 这节课启发很大
作者回复: 你好,林十二XII,很高兴这节课对你有启发。
2023-03-25归属地:北京1
收起评论