前端测试的学习阶段,由基础到进阶的过程认识.....

前言:突然想起刚入行的学习感悟,一个知识点不懂的背后,是整个知识体系的欠缺,

那会从后端转入前端(非科班)有时候一个报错不知道从何找起,

一、单元测试 【已经案例和知识相结合,可看之前文章】
  1. 概述:jest、vitest,使用测试文件,对封装的通用方法、公共组件、表单校验进行测试

  2. Jest和Vitest的区别及使用场景的介绍?

二、组件测试
  1. 概念:使用Testing Library 测按钮、表单、弹窗、下拉框等组件,它是一个理念通用、生态极广的测试工具集【目前专注原生小程序中,小程序中组件测试没有必要性就不举例了,待后面使用angular或vue在记录使用步骤...】

三、E2E自动化(Cypress/Playwright)
  1. 概念:所谓自动化就是通过搭建测试框架,在业务基础上取测试整个功能是否符合,注:学习之前必须搞透彻单元测试、组件测试、然后在开始进行使用领域的技术选型:Cypress 或 Playwright

  2. 目的及未来:模拟用户真实操作:点击、输入、跳转、登录流程。如果后面想转测试也靠这个,前端自己也能用用于写道简历上作为亮点...

  3. 自动化测试,对比在不同开发平台上支持情况:

  4. 学习自动化测试安排,需结合实践:

最后

所有的理论都需要实践进行结合,我还在使用的路上...待学有所成在总结记录

相关推荐
counterxing2 小时前
我整理了一个免费开发资源目录,还做成了 CLI 和 MCP
前端·agent·ai编程
子兮曰9 小时前
Bun v1.3.14 深度解析:Image API、HTTP/3、全局虚拟存储与五十项变革
前端·后端·bun
kyriewen10 小时前
今天,百年巨头一次砍了9200人,而一个离职科学家的实话让全网睡不着觉
前端·openai·ai编程
问心无愧051310 小时前
ctf show web 入门42
android·前端·android studio
kyriewen11 小时前
老板逼我上AI,我偷偷在浏览器里跑LLaMA,省下20万API费
前端·react.js·llm
Beginner x_u11 小时前
前端八股整理(手写 02)|数组转树、数组扁平化、随机打乱一个数组
前端·数组·数组转树·数组扁平化
KaMeidebaby11 小时前
卡梅德生物技术快报|禽类成纤维细胞 FISH 实验:鸟类性别染色体基因定位技术实现与数据验证
前端·数据库·其他·百度·新浪微博
天若有情67311 小时前
前端高阶性能优化:跳出传统懒加载与预加载,基于用户行为做轻量预判加载
前端·性能优化
小小小小宇11 小时前
前端转后端:SQL 是什么
前端
张元清12 小时前
React Observer Hooks:7 种监听 DOM 而不写样板代码的方式
前端·javascript·面试