• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
小码哥-倩倩
博客园    首页    新随笔    联系   管理    订阅  订阅
05 2020 档案
(十三)Jest配置文件介绍

摘要:jest --init命令在根目录创建 jest.config.js文件。具体代码如下: module.exports = { preset: '@vue/cli-plugin-unit-jest', moduleFileExtensions: [ "js", "json", "jsx", "ts" 阅读全文
posted @ 2020-05-21 21:10 小码哥-倩倩 阅读(2373) 评论(0) 推荐(0)
(十二)Jest在Vue项目使用

摘要:首先我们新建一个项目,之前没有使用过vue的,我们首先需要安装node.js和vue 首先:先从nodejs.org中下载nodejs 下载完成之后点击安装,直接下一步就好,安装完成之后,打开控制命令行程序(CMD),检查是否正常! 然后使用淘宝NPM 镜像 大家都知道国内直接使用npm 的官方镜像 阅读全文
posted @ 2020-05-20 15:15 小码哥-倩倩 阅读(969) 评论(0) 推荐(0)
(十一)Jest 中的 mock timer

摘要:平时开发中我们经常用到定时器setInterval 或者setTimeout ,现在我们就写一个定时器的测试用例代码如下: // demo.js export const lazy = (fn)=> { setTimeout(() => { fn(); }, 3000); } // demo.tes 阅读全文
posted @ 2020-05-12 10:18 小码哥-倩倩 阅读(1859) 评论(0) 推荐(0)
(十)snapshot快照测试

摘要:1、快照测试 项目中经常有一些配置文件。比如 export const generateConfig = ()=>{ return { server :'http://localhost', port:'8080', domain:'localhost' } } 对应它的测试用例可以这样写 snap 阅读全文
posted @ 2020-05-09 12:00 小码哥-倩倩 阅读(1440) 评论(0) 推荐(0)
(九)mock深入学习

摘要:1、前端如果测试接口请求返回值的时,可以请求服务器吗? 我们可以试着举个例子: 新建一个mocktest.js文件 import axios from 'axios' export const fetchData=()=>{ return axios.get('/').then(res=>res.d 阅读全文
posted @ 2020-05-09 10:49 小码哥-倩倩 阅读(447) 评论(0) 推荐(0)
(八)Jest测试的mock函数

摘要:一、为什么需要引入mock? 最常见的回调函数就是ajax请求,返回数据后执行成功或失败的回调。在Node 环境下,有一个npm 包request, 它可以发送异步请求,返回数据后调用回调函数进行处理,npm i request --save, 安装一下,然后func.js 修改如下 const r 阅读全文
posted @ 2020-05-08 15:57 小码哥-倩倩 阅读(3191) 评论(0) 推荐(0)
(七)Jest钩子函数作用域

摘要:一 、钩子函数的作用域 (1)、describe下都可以拥有自己的钩子函数,使用的钩子函数对自己的子describe的测试用例也适用。 (2)、每个子describe也可以设置自己需要的钩子函数,使用的钩子函数对自己的测试用例适用。 (3)、说明钩子函数是有作用域的,而且在describe的范围内, 阅读全文
posted @ 2020-05-06 18:23 小码哥-倩倩 阅读(323) 评论(0) 推荐(0)
(六)Jest中钩子函数

摘要:在jest中,如果测试用例中需要使用到某个对象 或 在执行测试代码的某个时刻需要做一些必要的处理,直接在测试文件中写基础代码是不推荐的,可以使用jest的钩子函数。 钩子函数概念:在代码执行的某个时刻,会自动运行的一个函数。 首先我们举例:新建counter.js文件,代码如下: export de 阅读全文
posted @ 2020-05-06 16:14 小码哥-倩倩 阅读(378) 评论(0) 推荐(0)
(五)Jest测试异步代码

摘要:方法一:回调函数 这是非常常见的通用处理方式,比如你有一个fetchData(callback)的function用来获取数据,并且在获取完成的时候调用callback 函数,你想测试返回的数据是“peanut butter” ,默认情况下当fetchData执行完成的时候Jest的测试就完成了,这 阅读全文
posted @ 2020-05-05 13:01 小码哥-倩倩 阅读(1092) 评论(0) 推荐(0)

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3