前端开发人员当后端没有给你接口的时候,如何进行功能测试?

前端开发人员当后端没有给你接口的时候,如何进行功能测试?

MOCK.JS
MOCK.JS ,可以通过hithub安装进行功能性测试,测接口写的有问题没有啥的
官方给出的评价(自吹一波):

  1. 前后端分离 : 让前端攻城师独立于后端进行开发。
  2. 增加单元测试的真实性 :通过随机数据,模拟各种场景
  3. 开发无侵入 :不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。
  4. 用法简单 :符合直觉的接口。
  5. 数据类型丰富 :支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
  6. 方便扩展 :支持支持扩展更多数据类型,支持自定义函数和正则。

使用mockjs模拟数据;mockjs可以生成随机数据,拦截 Ajax 请求;平时有两种使用方法:
一种是结合node使用,先用node的express搭建一个项目,然后在项目的route文件夹下的js文件中,配置不同的路由,比如list提供商品列表数据,banner提供首页轮播数据;对应的路由里面写相应的mockjs代码来生成数据;这就相当于一个本地的后台服务器接口了,前台需要调取数据的地方,使用ajax请求对应的本地路径,就可以请求到模拟出来的数据;
另一种是直接在js文件中模拟生成数据,代码写在ajax调取数据之前,使用Mock.mock( rurl, template );这里的url可以写真实的路径,比如访问http://baidu.com/list;如果我们直接用ajax访问,是没有这个接口的,请求不到数据,但是如果我们在ajax之前使用了Mock.mock(url,{code}),这里的第一个参数设置为http://baidu.com/list;第二参数里code写mock代码生成的随机数据,下面ajax再请求该地址的时候,mockjs会拦截ajax;所以会请求到mock生成的随机数据;而不会访问真实的baidu网站;测试功能正常后,可以和后台人员沟通下提供接口的样式,请求接口的端口号域名前期都可以确定,接口后面路径如果后台提供的和前台模拟写的一样,那么最后后台提供接口给我们时候,只需要把mockjs文件代码删掉,ajax就可以直接访问后台真实数据;
使用mockjs好处。拦截ajax请求,模拟真实数据,模拟数据请求的方式等,无需等待后台,让我们开发变得快捷;写好后,把自己的需求:比如请求list列表,把路径/list,模拟的数据字段及格式交给后台,让后台调试成这种格式;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值