前端自动化测试karma+mocha+chai
时间:2019-11-21
本文章向大家介绍前端自动化测试karma+mocha+chai,主要包括前端自动化测试karma+mocha+chai使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
在多人同时改动代码时, 帮助我们知道是否别的接口或者函数是不是出问题了;
1. Karma
https://karma-runner.github.io/2.0/index.html
Karma
为前端自动化测试提供了跨浏览器测试的能力;
2. Mocha
Mocha
是前端自动化测试框架;
支持生命周期;不同断言库:chai, nodejs的assert, should.js;同步异步;测试分组;等其他框架具备的能力;
基本语法:
describe('测试1',function(){ describe('测试1-1',function(){ it('某个变量的值应该是数字',function(){ //断言 }) }); describe('测试1-2',function(){ it('某个数组长度应该不小于10',function(){ //断言 }) }); })
生命周期:
describe('hooks', function() { before(function() { // runs before all tests in this block }); after(function() { // runs after all tests in this block }); beforeEach(function() { // runs before each test in this block }); afterEach(function() { // runs after each test in this block }); // test cases });
3. Chai
Chai
是一个断言库合集;
支持语法如下:
expect(bar).to.not.exist;//断言bar不存在 expect(data).to.have.ownProperty('length');//断言data有length属性 expect(name).to.be.a('string');//断言name是一个字符串 assert.equal(value1,value2);//断言value1和value2相等 Tony.should.be.an.instanceof(Person);//断言Tony是Person类的实例
原文地址:https://www.cnblogs.com/ljyqd/p/11905437.html
- Docker 桌面版支持 kubernetes
- OOB(out of band)分析系列之DNS渗漏
- VLC播放器加载恶意字幕文件导致执行任意代码漏洞分析与POC实现
- Wolf CMS 新旧两个版本中的文件上传漏洞分析
- C#向excel中写入数据的三种方式
- 一款短小精致的SSH后门分析
- 反击“猫眼电影”网站的反爬虫策略
- 逆向分析智能窗帘频射协议
- 揭秘奸商的伎俩:利用树莓派自制“恶意充电宝”实验
- OC学习2——C语言特性之函数
- OC学习1——基本数据类型
- QQ定位女友是否回家系列二之定位系统的打造
- htcap:一款实用的递归型Web漏洞扫描工具
- 使用Go和Let's Encrypt证书部署HTTPS
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Devtools 老师傅养成[6] - Performance 面板
- RecyclerView上拉加载封装代码
- Devtools 老师傅养成[7] - Memory 内存
- Android实现简单的城市列表功能
- Android Animation之TranslateAnimation(平移动画)
- Android自定义View实现箭头沿圆转动实例代码
- Android 中Context的使用方法详解
- Android自定义水平渐变进度条
- Android+SQLite数据库实现的生词记事本功能实例
- Android 设置颜色的方法总结
- Android支付宝支付的示例代码
- 试图解释清楚【JavaScript Event Loop】
- 结合Event Loop谈谈对Vue中nextTick的理解
- Vue3响应式原理
- ClickHouse和他的朋友们(1)编译、开发、测试