Giter VIP home page Giter VIP logo

front-end-testing's Introduction

front-end-testing

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

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

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

学习旅途

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

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

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

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

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

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

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

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

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

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

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

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

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

front-end-testing's People

Contributors

cuixiaorui avatar xiaoyao-ye avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.