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

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

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

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

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

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

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

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

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

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

最后

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

相关推荐
寅时码2 小时前
React 之死·终章:一个 useRef,把闭包陷阱、依赖数组、漫天 rerender 全送走
前端·react.js·ai编程
不好听6132 小时前
HTML 事件监听机制:从 DOM Level 0 到 React 合成事件
前端·react.js·html
wordbaby2 小时前
为什么刷新页面就 404?聊聊 SPA 路由与 Nginx 的那点事
前端
不好听6132 小时前
React 核心概念:JSX、组件与数据驱动
前端·react.js
触底反弹2 小时前
🔥 React 零基础入门(中):500 行屎山代码到组件化的蜕变
前端·javascript·react.js
不好听6132 小时前
React vs Vue:两大前端框架技术选型深度对比
前端·vue.js·react.js
GuWenyue2 小时前
Cursor黑盒拆解!1套LangChain.js手写Mini编程Agent,自动生成React项目,效率提升60%
前端·数据库·人工智能
GuWenyue2 小时前
传统Agent工具两大痛点!300行代码落地MCP跨语言工具,彻底解耦LLM与工具
前端·人工智能·算法
小林ixn3 小时前
从 onclick 到 React 合成事件,再到完整应用逻辑:一次前端架构的深度剖析
前端·react.js·前端框架
Csvn4 小时前
🧩「找不到模块」排查全记录——Monorepo 下 TypeScript 路径别名的 5 种「不通」与根治方案
前端