现代 React Web 开发实战
宋一玮
FreeWheel 中国研发中心前端架构师
16115 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 31 讲
现代 React Web 开发实战
15
15
1.0x
00:00/00:00
登录|注册

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
立即购买
登录 后留言

全部留言(1)

  • 最新
  • 精选
  • 林十二XII
    谢谢老师, 这节课启发很大

    作者回复: 你好,林十二XII,很高兴这节课对你有启发。

    2023-03-25归属地:北京
    1
收起评论
显示
设置
留言
1
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部