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

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

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

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

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

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

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

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

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

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

最后

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

相关推荐
光影少年10 小时前
react的Context 和 Redux 区别?
前端·javascript·react.js·前端框架
前端 贾公子10 小时前
uni-app工程化实战:基于vue-i18n和i18n-ally的国际化方案 (上)
前端·javascript·vue.js
喵个咪10 小时前
基于 Flutter 的 Headless CMS 全平台前端架构:技术解析与二次开发导引
前端·flutter·cms
vim怎么退出11 小时前
Dive into React——Diff 算法
前端·react.js·源码阅读
拾年27511 小时前
别调 BERT 了:我用 Prompt 做了套 NLP 系统,20 分钟搞定
前端·人工智能
半个落月11 小时前
别再死记变量提升了——从 V8 编译过程真正理解 JS 执行机制
前端
橘子星11 小时前
别再懵圈!JS 执行机制的 “千层套路” 全揭秘
前端·javascript
GuWenyue11 小时前
LeetCode 76 最小覆盖子串|JS 滑动窗口标准解法
前端·算法·面试
YHHLAI11 小时前
前端 HTTP 请求 & LLM 接口开发
前端·网络协议·http
拾年27511 小时前
__proto__ vs prototype:90% 的人分不清的 JavaScript 核心
前端·javascript·面试