0

0

前端测试工具介绍

巴扎黑

巴扎黑

发布时间:2017-07-18 17:55:50

|

1620人浏览过

|

来源于php中文网

原创

js_test_framework

该工具主要用于web前端单元测试,通过直接在浏览器中调用js方法,实现界面上的现场测试

git地址:

流程

  1. 通过testlive在现场录制所需要的请求,testlive会记录期间所有的请求,同时可以重新运行

  2. 将testLive录制后的请求,通过output方法输出至控制台,将输出的data写入自定义模块的RequestData中,同时在定义data后注册进requestFactory

  3. 编写自定义模块的Test.js,通过调用requestFactory中的网络请求,同时编写需要判断的断言,将各个模块的单元测试和流程测试,注册至testManager中

  4. 运行testManager中的测试用例,查看测试执行中的结果,同时分析结果

文件目录结构样例

basic:核心模块

立即学习前端免费学习笔记(深入)”;

testLiverequestFactorytestManager

module:外部模块,仅为样例

user

userRequestData
userTest

product

productRequestData
productTest
...

三大模块

模块间都各自独立,可自定义单独替换


testLive

    前端录制现场,通过调用回调接口,记录下用户在前端界面的所有操作记录

对外接口

  • startRecord 开始录像,name为录像的名称

  • stopRecord 结束录像

  • output 输出所有录像的结果集

  • runRecord 运行录像

  • shouRequest 查看所有录像的目录结构和详情

  • callback 对外回调函数,外部函数可在方法调用出,调用此回调

拓展方法

  • ajaxOverride 重写ajax请求,将所有jquery的ajax加入回调


requestFactory

    请求工厂,主要用于收集用户的所有请求记录

对外接口

  • registerMethod 注册方法,通过此方法外部调用可在requestFactory中注册方法

  • registerData 注册数据,此方法与registerMethod类似,只是参数结构不同

  • getMethod 通过方法名获得方法 {name:自定义方法名,url:网络请求地址,methodType:请求方式,run:执行方法}

  • getMethod.run 在通过getMethod后可直接调用run函数,进行方法执行,返回结果{costTime:开销时间,requestData:请求参数,type:请求方式,url:网络请求地 址,responseData:服务器返回结果,success:此次请求是否成功}

  • showMethods 显示requestFactory中所有的请求

    企业网站管理系统源码2.0
    企业网站管理系统源码2.0

    这是一款比较精美的企业网站管理系统源码,功能比较完整,比较适合新手学习交流使用,也可以作为毕业设计或者课程设计使用,感兴趣的朋友可以下载看看哦。功能介绍:该源码主要包括前台和后台两大部分,具体功能如下:网站前台模块:主要包括企业简介、新闻中心、产品展示、公司证书、工程业绩、联系我们、客户系统、人才招聘等信息的浏览,以及客户留言的功能。网站后台模块1、常规管理:企业简介、链接管理、投票管理、系统设置

    下载

testManager

    测试集成,用于管理测试,将测试模块化,以及结果的展示

对外接口

  • registerMethod 注册方法,通过此方法外部调用可在testManager中注册方法

  • registerData 注册数据,此方法与registerMethod类似,只是参数结构不同

  • run 运行方法,返回值为本次运行的结果详情
    目录结构为{assertQueue:所有断言结果集合,responseQueue:所有请求结果集合,errAssertQueue:所有断言失败集合,errorResponseQueue:所有网络请求失败集合,spendTime:请求时间开销,success:是否成功}

  • showAll 展示测试所有模块的目录结构

  • showMethods 通过模块名,展示该模块下所有测试方法

  • 基于网页分析工具:

  • 1.       阿里测

  • 2.   百度应用性能检测中心

  • 2.       Web PageTest

  • 3.       PingDom Tools

  • 4.       GTmetrix

  •  

  • 基于浏览器分析工具:

  • 1.       Chrome自带工具F12

  • 2.       Firefox插件:YSlow(Yahoo工具)

  • 3.       Page Speed(google)

内部工具类

assertQueue 断言队列 该类用于记录与判断用户的目标结果与实际结果是否一致,同时输出结果集

  • result 相关数据

  • recordResponse 用于记录网络请求的结果

  • assert 用户设置的断言

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Java字符串处理使用教程合集
Java字符串处理使用教程合集

本专题整合了Java字符串截取、处理、使用、实战等等教程内容,阅读专题下面的文章了解详细操作教程。

0

2026.01.29

Java空对象相关教程合集
Java空对象相关教程合集

本专题整合了Java空对象相关教程,阅读专题下面的文章了解更多详细内容。

0

2026.01.29

clawdbot ai使用教程 保姆级clawdbot部署安装手册
clawdbot ai使用教程 保姆级clawdbot部署安装手册

Clawdbot是一个“有灵魂”的AI助手,可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等,并且可以接入用户常用的任何聊天APP,所有的操作均可通过WhatsApp、Telegram等平台完成,用户只需通过对话,就能操控设备自动执行各类任务。

19

2026.01.29

clawdbot龙虾机器人官网入口 clawdbot ai官方网站地址
clawdbot龙虾机器人官网入口 clawdbot ai官方网站地址

clawdbot龙虾机器人官网入口:https://clawd.bot/,clawdbot ai是一个“有灵魂”的AI助手,可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等,并且可以接入用户常用的任何聊天APP,所有的操作均可通过WhatsApp、Telegram等平台完成,用户只需通过对话,就能操控设备自动执行各类任务。

16

2026.01.29

Golang 网络安全与加密实战
Golang 网络安全与加密实战

本专题系统讲解 Golang 在网络安全与加密技术中的应用,包括对称加密与非对称加密(AES、RSA)、哈希与数字签名、JWT身份认证、SSL/TLS 安全通信、常见网络攻击防范(如SQL注入、XSS、CSRF)及其防护措施。通过实战案例,帮助学习者掌握 如何使用 Go 语言保障网络通信的安全性,保护用户数据与隐私。

8

2026.01.29

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

571

2026.01.28

包子漫画在线官方入口大全
包子漫画在线官方入口大全

本合集汇总了包子漫画2026最新官方在线观看入口,涵盖备用域名、正版无广告链接及多端适配地址,助你畅享12700+高清漫画资源。阅读专题下面的文章了解更多详细内容。

213

2026.01.28

ao3中文版官网地址大全
ao3中文版官网地址大全

AO3最新中文版官网入口合集,汇总2026年主站及国内优化镜像链接,支持简体中文界面、无广告阅读与多设备同步。阅读专题下面的文章了解更多详细内容。

353

2026.01.28

php怎么写接口教程
php怎么写接口教程

本合集涵盖PHP接口开发基础、RESTful API设计、数据交互与安全处理等实用教程,助你快速掌握PHP接口编写技巧。阅读专题下面的文章了解更多详细内容。

11

2026.01.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号