测试
前端自动化测试教程
前端秀儿
分享是一种态度,坚持是一种能力
展开
-
前端自动化测试jest教程10-vue实战
这是jest教程的最后一篇文章了,也算对自己所学知识的回顾吧!vue项目实战git地址:https://github.com/foreverhot/jest-document在实际项目中运用jest所具备知识点jest (测试框架)匹配器matchershttps://blog.csdn.net/Jsoning/article/details/103898385钩子函数htt...原创 2020-02-05 18:32:44 · 1332 阅读 · 0 评论 -
前端自动化测试jest教程9-TDD+单元测试,BDD+集成测试
准备条件以第1节教程的创建的目录和代码为基础进行讲解。如果没有看过第1节教程,请关注我,查看以往该系列的文章这节教程主要讲解TDD+单元测试,BDD+集成测试什么是TDD?Test Driven Development 测试驱动开发顾名思义,就是我们先根据需求去写测试用例,根据测试用例再去写我们的功能。当我们增加或者修改某一项需求的时候,首先修改的是测试用例,根据测试用例再去修改代码逻辑...原创 2020-01-20 08:38:08 · 2512 阅读 · 0 评论 -
前端自动化测试jest教程8-snapshot快照测试
准备条件以第1节教程的创建的目录和代码为基础进行讲解。如果没有看过第1节教程,请关注我,查看以往该系列的文章这节教程主要讲解在jest中的怎样进行快照测试,将第1节的代码复制一份,并且把index.js和index.test.js文件内容全部清空在 index.js 中写入一些待测试方法export const data1 = () => { return { name:...原创 2020-01-19 08:48:33 · 1335 阅读 · 0 评论 -
前端自动化测试jest教程7-定时器测试
准备条件以第1节教程的创建的目录和代码为基础进行讲解。如果没有看过第1节教程,请关注我,查看以往该系列的文章这节教程主要讲解在jest中的怎样去测试定时器,将第1节的代码复制一份,并且把index.js和index.test.js文件内容全部清空下面将介绍3种测试定时器的方法在 index.js 中写入一些待测试方法export const timer1 = (callback) =&g...原创 2020-01-18 08:48:56 · 1787 阅读 · 0 评论 -
前端自动化测试jest教程6-mock函数
准备条件以第1节教程的创建的目录和代码为基础进行讲解。如果没有看过第1节教程,请关注我,查看以往该系列的文章这节教程主要讲解jest中的mock函数,将第1节的代码复制一份,并且把index.js和index.test.js文件内容全部清空mock函数可以在你测试实际代码的时候,捕获对函数的调用以及参数和返回值等,也可以用于模拟一些数据安装axiosnpm run axios --sa...原创 2020-01-17 08:34:35 · 2113 阅读 · 2 评论 -
前端自动化测试jest教程5-钩子函数
准备条件以第1节教程的创建的目录和代码为基础进行讲解。如果没有看过第1节教程,请关注我,查看以往该系列的文章这节教程主要讲解在jest中怎样去测试异步代码,将第1节的代码复制一份,并且把index.js和index.test.js文件内容全部清空jest中有4个钩子函数beforeAll:所有测试之前执行afterAll:所有测试执行完之后beforeEach:每个测试实例之前执行...原创 2020-01-16 08:28:56 · 683 阅读 · 0 评论 -
前端自动化测试jest教程4-异步代码测试
准备条件以第1节教程的创建的目录和代码为基础进行讲解。如果没有看过第1节教程,请关注我,查看以往该系列的文章这节教程主要讲解在jest中怎样去测试异步代码,将第1节的代码复制一份,并且把index.js和index.test.js文件内容全部清空在实际开发中,肯定会用到异步请求,请求后台的接口数据,这里我们就使用axios 来请求数据npm install axios --save 安装...原创 2020-01-15 08:38:39 · 876 阅读 · 0 评论 -
前端自动化测试jest教程3-命令行工具
准备条件以第1节教程的创建的目录和代码为基础进行讲解。如果没有看过第1节教程,请关注我,查看以往该系列的文章这节教程主要讲解jest中的中的一些命令行工具,将第1节的代码复制一份,并运行npm run test效果图:先把这几个提示的命令,讲解一下这里几个命令大家自己一定要动手试一下,才能够增加印象着重讲一下 o 这个命令,需要配个git使用,必须将项目提交到本地仓库中(实际开发...原创 2020-01-13 20:54:49 · 693 阅读 · 0 评论 -
前端自动化测试jest教程2-匹配器matchers
准备条件以第1节教程的创建的目录和代码为基础进行讲解。如果没有看过第1节教程,请关注我,查看以往该系列的文章在讲匹配器之前,我们先来将上节中index.test.js中基础代码讲解一下import { sum } from './index'test('测试 sum', () => { expect(sum(1, 2)).toBe(3)})test方法我们称做测试用例,...原创 2020-01-08 21:19:34 · 1449 阅读 · 0 评论 -
前端自动化测试jest教程1-配置安装
前言前端早已不在是简单的切图仔,web前端工程师也在逐渐淡出江湖。大前端的时代早已来临,面对日新月异的技术我们只能不断学习,逐个点亮技能点。现在随处可见的单元测试,在主流框架以及UI组件中都可以见到,单元测试的优势就不言而喻了。本系列文章将带你学习前端自动化测试 jest框架 ,包括基本的配置、jest匹配器、异步代码测试、钩子函数、mock以及在vue项目中的实际应用等等,如果想继续学习后面...原创 2020-01-07 21:42:55 · 1207 阅读 · 1 评论