位置: 编程技术 - 正文

使用Jasmine和Karma对AngularJS页面程序进行测试

编辑:rootadmin

推荐整理分享使用Jasmine和Karma对AngularJS页面程序进行测试,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

AngularJS是继jQuery之后发生在JavaScript上最好的东西。这也是JavaScript开发一直以来想要的方式。Angular主要的优点之一就是它的依赖注入(Dependency Injection),它非常利于代码的单元测试。但有点小怪异的是,我在无论如何都没能找到一个介绍如何做单元测试的教程。

当然有很多不错的推荐:使用Jasmine测试框架和Karma测试执行器(Test Runner);但是并没有一篇完整的从无到有指导如何测试的教程。所以我写了这篇文章。我在网上找了很多资源才知道如何去做,而你现在不需要去做这些(如果一开始就看到这篇文章的话)。

请告诉我你看到的任何错误,直到我能说这是基于Karma和Jasmine测试Angular应用的最佳实践。

介绍

这篇文章会引导你安装使用Karma和Jasmine做自动化测试所需要的所有工具。我不在乎你实在使用TDD(测试驱动开发)还是TAD(测试辅助开发),在这篇文章中,我假设你已经有一个文件需要测试。

安装Karma

如果你没有安装 Node.js,那么请自行下载和安装。安装之后,打开终端或命令行输入一下命令:

文件结构

文件结构是跟我们的议题关联不大,但是在接下来的测试中,我使用的文件结构如下:

*我并不主张这种文档结构,我展示它只是为了测试举例。

配置Karma

切换到你想要放置配置文件的目录,然后在终端中输入下面的命令来创建配置文件:

你会被询问一些问题,包括你想使用那个测试框架,你是否需要自动监测文件,包含哪些测试和被测试文件等。在我们的教程中,我们保留‘Jasmine'作为我们默认的框架,开启文件自动监测,并包含下面的文件:

这些都是相对路径,包含了1)父目录下的所有.js文件,2)父目录下的所有子目录下的所有.js文件,3)当前目录下的angular-mock.js,4)以及当前目录(包含子目录)下所有的.tests.js文件(我喜欢以这样的方式来区分测试文件和其他的文件)。

不管你选择了什么文件,请确保你引入了 angular.js,angular-mock.js,以及其他你需要使用的文件。

启动Karma

现在已经可以启动Karma了,依然在终端中输入:

使用Jasmine和Karma对AngularJS页面程序进行测试

这个命令会在你的电脑上启动你在配置文件中列出的浏览器。这些浏览器都会以socket的方式连接到Karma的实例上,你会看到一组活动的浏览器并被告知她们是否在执行测试。我但愿Karma已经告诉你在每个浏览器上的最终测试结果总结(比如个中的个通过,1个失败),遗憾的是你只能通过终端窗口看到这些信息。

Karma的一个很突出的特色是你可以在网络中使用任何设备连接并测试你的代码。试一下将你的手机浏览器指向Karma服务,你可以在电脑上任何一个运行的浏览器上找到这个测试的URL地址。它应该类似于: [你在网络上的IP地址]:/&#;id=. 因为Karma是在运行一个 Node.js 实例,你的测试机器就像一个web服务器一样,会将测试发送到任何指向它的浏览器。

基本的测试

我们假设你已经有一个文件需要测试。我们要使用到的 home.js 文件如下:

home.js

我们可以在 home.test.js 文件中创建我们的测试用例。我们从简单的那个测试开始:$scope.text 应该等于 ‘Hello World!'。 为了完成这个测试,我们需要模拟我们的 Application 模块以及 $scope 变量。我们会在Jasmine的 beforeEach 方法中做这个工作,这样的话我们在每个测试用例开始时可以有一个全新的(干净的)controler和scope对象。

home.tests.js

从代码中你可以看到我们注入了我们自己的 scope,因此我们可以在它的外部验证它的信息。同时,别忘了模拟模块本身(第7行代码)!我们现在已经为测试做好了准备:

home.tests.js

如果你运行这个测试,它可以在任何指向Karma的浏览器中执行,并且测试通过。

发送$resource请求

现在我们已经准备好测试 $resource 请求。要完成这个请求,我们需要使用到 $httpBackend, 它一个模拟版本的Angular $http。我们会创建另一个叫做 $httpBackend 的变量,在第二个 beforEach块中,注入 _$httpBackend_ 并将新创建的变量指向 _$httpBackend_。接下来我们会告诉 $httpBackend 如何对请求做出响应。

我们的测试: home.tests.js

都放到一起

home.tests.js

技巧

Karma会运行所有文件中的所有测试用例,如果你只想运行所有测试的一个子集,修改 describe 或 it 为 ddescribe 或 iit 来运行个别的一些测试。如果有些测试你不想运行他们,那么修改 describe 或 it 为 xdescribe 或 xit 来忽略这些代码。

你也可以在html文件的页面上运行你的测试。举例的代码如下:home.runner.html

Node.js模块封装及使用方法 Node.js中也有一些功能的封装,类似C#的类库,封装成模块这样方便使用,安装之后用require()就能引入调用.一、Node.js模块封装1.创建一个名为censorify的文件

Node.js程序中的本地文件操作用法小结 Node最引以为傲的就是它有一个非常小的核心。有一些语言绑定了完整的POSIXAPI,而Node实现了尽可能少的绑定,并通过同步、异步或流API形式暴露他们。

三种Node.js写文件的方式 本文分享了Node.js写文件的三种方式,具体内容和如下1、通过管道流写文件采用管道传输二进制流,可以实现自动管理流,可写流不必当心可读流流的过

标签: 使用Jasmine和Karma对AngularJS页面程序进行测试

本文链接地址:https://www.jiuchutong.com/biancheng/370690.html 转载请保留说明!

上一篇:Node.js操作Firebird数据库教程(node.js操作文件)

下一篇:Node.js模块封装及使用方法(node.js模块化)

  • 多余的进项税该怎么处理
  • 增值税专用发票抵扣期限
  • 增值税专用发票抵扣期限
  • u盘算固态吗
  • 百分百控股的企业是否负连带责任
  • 负数发票要给购票人吗
  • 民间非营利性组织收到个税手续费返还
  • 印花税购销合同计税金额怎么算
  • 股权转让交的税如何做账
  • 以资抵债是利空还是利好
  • 一般纳税人只交进项税吗
  • 发票上的税额和报税的数不一样,按照哪个报
  • 发票打印机分专票和普票的吗?
  • 金税三期房产税源信息更改后
  • 利润借方余额表示盈利还是亏损
  • 房产税入哪个科目
  • 专票红冲后的账务处理
  • 不同行业的单位名称
  • 银行年费计入管理费用还是财务费用
  • 非企业性单位包括哪些单位
  • 工会固定资金是什么
  • 补缴社保滞纳金怎么做账
  • 应付账款少付怎么做账
  • 债券分期还本利息怎么算
  • 测测网络
  • 资产负债表的资产总额怎么看
  • 发生以前年度损益调整
  • 低值易耗品处理的目的
  • won11更新
  • 没有抵扣的增值税怎么做账
  • rtfd文件
  • 刚收到的假发怎么处理
  • 企业提取盈余公积会引起所有者权益变动吗
  • 利润表项目本期怎么算
  • sql实现mysql的分页功能
  • 前端promise封装
  • php 面向对象
  • 机器视觉 machine
  • Laravel 5.3 学习笔记之 错误&日志
  • discuz论坛无法登录
  • 制造业属不属于第二产业
  • 报关代理费计入什么科目
  • 税收收入退还书有时间限制吗
  • 库存商品用于研发要进项税额转出吗
  • 固定资产一次性扣除如何做账
  • 盘亏的固定资产是资产吗
  • 物权转移手续是什么
  • sql server如何删除
  • 定期定额户超过9万如何交个税
  • 实收资本增减变化为负数的原因
  • 农产品投入产出法怎么计算
  • 原材料用于在建工程进项税可以抵扣吗
  • 应付职工薪酬为负数什么意思
  • Sqlserver 2000/2005/2008 的收缩日志方法和清理日志方法
  • win8更改桌面位置
  • 关于操作系统的叙述中
  • linux ultrasphinx Anonymous modules have no name to be referenced by
  • 怎么清理win7
  • win8.1网络不可用怎么办
  • mac怎么分区硬盘分区
  • mac 应用
  • 如何设置windows hello
  • win8使用技巧 图文
  • win7如何使用usb无线网卡
  • [置顶] [寒江孤叶丶的Cocos2d-x之旅_29]在Cocos2d-x中集成protobuf (Protocol Buffers)
  • python图像移动
  • nodejs 读取文件
  • shell字符串操作
  • 详细分析使用AngularJS编程中提交表单的方式
  • shell脚本clear
  • 安卓手机与电脑连接方法
  • python跑出异常
  • 梦见擦窗户框
  • jquery操作表单
  • jQuery Easyui datagrid/treegrid 清空数据
  • 税盘上怎么查每个月一共开了多少金额
  • 国家财政税务局
  • 票据代码和票据号码哪个是票据编号
  • 小规模纳税人房土两税优惠政策
  • 分摊费用怎么计算公式
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设