Skip to content

cuixiaorui/front-end-testing

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

front-end-testing

覆盖前端测试方向的所有内容,包含

  • 单元测试
  • 组件测试
  • 端对端测试

不止测试框架的使用 更多的是测试的核心思想以及项目实战

学习旅途

内容在设计上采用了渐进式的学习方式

首先需要改变对测试的认知,明确写测试可以带来的好处,这是学习的动力所在,也是最重要的一点。

然后从定义上搞明白传统的单元测试和单元级别的功能测试有何不同。

接着使用 Vitest 写第一个测试,了解一个测试的基本结构,并且感受手动测试和自动化测试的在效率上的差异。

然后学习 Vitest 的基础使用 当然还会对比 Vitest 和 Jest 之间的差异性。

到这里测试框架的基础 API 会用了,但是还远远不够还需要深入测试的核心思想。

我们以测试的基本结构为核心路径,首先探索在准备数据阶段的做法,接着进入测试最核心也是最复杂的验证阶段,最后来到拆卸阶段。 经过这段学习旅程之后 就可以掌握如何写出测试了

但是写出测试和写出好的测试是两码事,只有写出好的测试来才能让我们的项目长期受益。

所以还需要学习优秀的测试是长什么样子的,学习测试原则,最后去锻炼辨别测试中的坏味道。

接着进入项目实战环节,把上面学到的知识全部应用起来。

在这里会遇到更多的问题,比如测试文件的组织、测试上下文的选择、不同类型的项目测试策略的选择等等

你准备好开始这段旅途了吗? 我准备好了。

因为是单元测试篇,所以项目实战中只会探索如何添加单元测试