AngularJS——karma的安装
1,前言:
刚刚学过了 grunt的安装以及使用,grunt的作用就是让我们平常不想做的任务能够自动化完成,并且可以自己 自定义任务,那么karma是什么呢?
Karma是Testcular的新名字,在2012年google开源了 Testcular,2013年改名 Karma。karma是一个让人感到非常神秘的名字,表示佛教中的缘分,因果报应。
Karma的作用是 基于 Node.js的javascript测试执行过程管理工具。
2,Karma的安装
因为我是win8的系统,所以你们懂得,而且我默认你们安装了Node.js
1,安装karma-cli,
打开我们 CMD面板,随便的一个位置输入 npm install -g karma-cli

这样我们会把 karma 安装在我们系统的全局目录中去(C:\Users\jennyNJ\AppData\Roaming\npm\node_modules\karma-cli),注意安装了 karma-cli并不是安装了karma,现在网上有教程说是直接使用命令 npm install -g karma 就可以了,但是我试过很多遍都不可以,或许是系统的原因吧,但是如果先安装 karma-cli,再安装 karma就可以了,
2,安装 karma
可主动建立一个文件,用 CMD找到新建文件的目录,输入 npm install karma可从网络下载 karma

3,运行 karma
输入 karma start

可以在 http://localhost:9876浏览,

4,配置 karma
输入 karma init,会出现一系列的对话框,(提示下,我使用的是PowerCmd的一款命令工具,但是他的权限不够,所以我在 init 的时候,只能出现一个对话框,输入 enter 发现不能执行,只有在系统自带的命令框才可以,而且必须是已管理员身份运行的)
Which testing framework do you want to use ?
Press tab to list possible options. Enter to move to the next question.
> jasmine Do you want to use Require.js ?
This will add Require.js plugin.
Press tab to list possible options. Enter to move to the next question.
> no Do you want to capture a browser automatically ?
Press tab to list possible options. Enter empty string to move to the next question.
> Chrome
> What is the location of your source and test files ?
You can use glob patterns, eg. "js/*.js" or "test/**/*Spec.js".
Enter empty string to move to the next question.
> Should any of the files included by the previous patterns be excluded ?
You can use glob patterns, eg. "**/*.swp".
Enter empty string to move to the next question.
> Do you want Karma to watch all the files and run the tests on change ?
Press tab to list possible options.
> yes Config file generated at "D:\workspace\javascript\karma\karma.conf.js".
5,安装 jasmine
运行 npm install karma-jasmine

6,运行 karma
运行karma最重要的是配置karma.conf.js,具体的配置请查询 karma官网文档,在此就做简单的介绍
//包装函数
module.exports = function(config) {
//初始化配置
config.set({
....
}) }
里面和我们上次介绍的 grunt的配置结构差不多,都有包装函数和初始化配置参数
1,载入的框架有 jasmine 和 require.js
frameworks: ['jasmine'],
2,要检测的文件,我现在设置的是所有文件
files: [
'*.js'
],
3,要过滤的文件
xclude: [
'karma.conf.js',
'test-main.js'
],
4,启动服务的端口
port: 9876,
5,启动的浏览器(会自动启动哦)
browsers: ['Chrome'],
6,设置响应超时
captureTimeout: 10000,
AngularJS——karma的安装的更多相关文章
- AngularJS学习 之 安装
1. 安装好Node.js 2. 安装好Git 3. 安装好Yeoman 以管理员身份打开cmd 输入 npm install -g yo 回车即可开始安装Yeoman,具体的安装行为最好看官网的介绍 ...
- 【AngularJS】Yeoman安装
看不到PPT的请自行解决DNS污染问题.
- Angularjs学习---ubuntu12.04中karma安装配置中常见的问题总结
karma启动时出现了很多问题: 1.安装karma前提条件 安装karma首先要安装nodejs,npm然后才可以安装karma.nodejs,npm的安装过程可以参考文章:Angularjs学习- ...
- Angularjs学习---angularjs环境搭建,ubuntu 12.04下安装nodejs、npm和karma
1.下载angularjs 进入其官网下载:https://angularjs.org/,建议下载最新版的:https://ajax.googleapis.com/ajax/libs/angular ...
- Angularjs学习---ubuntu12.04中karma安装配置
Angularjs学习---ubuntu12.04中karma安装配置中常见的问题总结 karma启动时出现了很多问题: 1.安装karma前提条件 安装karma首先要安装nodejs,npm然 ...
- angularJS测试一 Karma Jasmine Mock
AngularJS测试 一 测试工具 1.NodeJS领域:Jasmine做单元测试,Karma自动化完成单元测试,Grunt启动Karma统一项目管理,Yeoman最后封装成一个项目原型模板,npm ...
- 基于karma和jasmine的Angularjs 单元测试
Angularjs 基于karma和jasmine的单元测试 目录: 1. 单元测试的配置 2. 实例文件目录解释 3. 测试controller 3.1 测试controller中变量值是否 ...
- Angularjs 基于karma和jasmine的单元测试
目录: 1. 单元测试的配置 2. 实例文件目录解释 3. 测试controller 3.1 测试controller中变量值是否正确 3.2 模拟http请求返回值,测试$http服 ...
- Angularjs学习---官方phonecat实例学习angularjs step0 step1
接下来一系列的文章都是学习https://docs.angularjs.org/tutorial的笔记,主要学习的angular-phonecat项目的实现,来介绍angularjs的使用. 1.下载 ...
随机推荐
- 【ASP.NET 进阶】无刷新上传图片之一:利用一般处理程序
效果图: 源代码地址:https://github.com/YeXiaoChao/UploadThePic
- 【读书笔记《Android游戏编程之从零开始》】3.Android 游戏开发常用的系统控件(Button、Layout、ImageButton)
3.1 Button Button这控件不用多说,就是一个按钮,主要是点击后进行相应事件的响应. 给组件添加ID属性:定义格式为 android:id="@+id/name",这里 ...
- J2EE笔记2
1. 部署并启动 tomcat 服务器.1). 解压 apache-tomcat-6.0.16.zip 到一个非中文目录下2). 配置一个环境变量. java_home(指向 JDK 安装的根目录) ...
- jquery模拟下拉框单选框复选Select,Checkbox,Radio
在项目中,你会发现设计稿中常常会有单选框,复选框,但都不是系统默认的样式,这就可以用jquery来模拟它们:如图所示,实现它们所需要的代码如下: 首先需要引入的代码: <link rel=&qu ...
- Android 属性动画(Property Animation) 完全解析 (上)
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38067475 1.概述 Android提 供了几种动画类型:View Anima ...
- Jsp c标签数值格式化
整数带千分符显示:<fmt:formatNumber value="${num}" type="number"/> 整数显示:<fmt:for ...
- The Geometry has no Z values 解决办法
from:http://dufan20086.blog.163.com/blog/static/6616452320145269343675/ 我们在创建要素时,简单的IFeatureClass.Cr ...
- 装系统提示缺少所需的CD/DVD驱动器设备驱动程序
昨晚用ultraISO和win7 旗舰版(ultimate)的镜像做了个启动U盘,插在自己新电脑上安装过程中提示“缺少所需的CD/DVD驱动器设备驱动程序”,用网上的很多办法都不行,最后找官网的客服问 ...
- Resource interpreted as Script but transferred with MIME type text/plain:
我用script做ajax跨域,请求返回的是个文本字符串,chrome提示:Resource interpreted as Script but transferred with MIME type ...
- C#基础——谈谈.NET异步编程的演变史
http://www.cnblogs.com/fzrain/p/3545810.html 前言 C#5.0最重要的改进,就是提供了更强大的异步编程.C#5.0仅增加两个新的关键字:async和awai ...