05 2020 档案
(十三)Jest配置文件介绍
摘要:jest --init命令在根目录创建 jest.config.js文件。具体代码如下: module.exports = { preset: '@vue/cli-plugin-unit-jest', moduleFileExtensions: [ "js", "json", "jsx", "ts"
阅读全文
(十二)Jest在Vue项目使用
摘要:首先我们新建一个项目,之前没有使用过vue的,我们首先需要安装node.js和vue 首先:先从nodejs.org中下载nodejs 下载完成之后点击安装,直接下一步就好,安装完成之后,打开控制命令行程序(CMD),检查是否正常! 然后使用淘宝NPM 镜像 大家都知道国内直接使用npm 的官方镜像
阅读全文
(十一)Jest 中的 mock timer
摘要:平时开发中我们经常用到定时器setInterval 或者setTimeout ,现在我们就写一个定时器的测试用例代码如下: // demo.js export const lazy = (fn)=> { setTimeout(() => { fn(); }, 3000); } // demo.tes
阅读全文
(十)snapshot快照测试
摘要:1、快照测试 项目中经常有一些配置文件。比如 export const generateConfig = ()=>{ return { server :'http://localhost', port:'8080', domain:'localhost' } } 对应它的测试用例可以这样写 snap
阅读全文
(九)mock深入学习
摘要:1、前端如果测试接口请求返回值的时,可以请求服务器吗? 我们可以试着举个例子: 新建一个mocktest.js文件 import axios from 'axios' export const fetchData=()=>{ return axios.get('/').then(res=>res.d
阅读全文
(八)Jest测试的mock函数
摘要:一、为什么需要引入mock? 最常见的回调函数就是ajax请求,返回数据后执行成功或失败的回调。在Node 环境下,有一个npm 包request, 它可以发送异步请求,返回数据后调用回调函数进行处理,npm i request --save, 安装一下,然后func.js 修改如下 const r
阅读全文
(七)Jest钩子函数作用域
摘要:一 、钩子函数的作用域 (1)、describe下都可以拥有自己的钩子函数,使用的钩子函数对自己的子describe的测试用例也适用。 (2)、每个子describe也可以设置自己需要的钩子函数,使用的钩子函数对自己的测试用例适用。 (3)、说明钩子函数是有作用域的,而且在describe的范围内,
阅读全文
(六)Jest中钩子函数
摘要:在jest中,如果测试用例中需要使用到某个对象 或 在执行测试代码的某个时刻需要做一些必要的处理,直接在测试文件中写基础代码是不推荐的,可以使用jest的钩子函数。 钩子函数概念:在代码执行的某个时刻,会自动运行的一个函数。 首先我们举例:新建counter.js文件,代码如下: export de
阅读全文
(五)Jest测试异步代码
摘要:方法一:回调函数 这是非常常见的通用处理方式,比如你有一个fetchData(callback)的function用来获取数据,并且在获取完成的时候调用callback 函数,你想测试返回的数据是“peanut butter” ,默认情况下当fetchData执行完成的时候Jest的测试就完成了,这
阅读全文
浙公网安备 33010602011771号