AngularJS中使用Karma单元测试初体验

最新推荐文章于 2020-11-22 00:42:22 发布

weixin_30709929

最新推荐文章于 2020-11-22 00:42:22 发布

阅读量67

点赞数

CC 4.0 BY-SA版权

文章标签：测试 javascript ViewUI

原文链接：http://www.cnblogs.com/darrenji/p/5161214.html

本文详细介绍如何使用Karma搭建自动化测试环境，包括创建项目结构、安装必要插件及配置测试框架，最后实现对Angular应用的基本测试。

■ 搭建karma测试环境

→ 创建app和test文件夹
→npm install karma --save-dev
→npm install karma-jasmine --save-dev
→npm install karma-chrome-launcher --save-dev
→karma init
→不断回车，在What is the location of your source and test files?中填写：
app/**/*.js
test/**/*.js

■ 第一个测试

→ 在test下创建test.js文件

describe("true", function(){
   it("Should be true", function(){
      expect(true).toBeTruthy();
   });
});

→ karma start karma.confi.js

■ 安装Angular相关

→ npm install angular
→ npm install angular-mocks
→ npm install angular-resource
→ 在karma.confi.js中添加对Angular相关文件的依赖

    files: [
      'node_modules/angular/angular.js',
      'node_modules/angular-mocks/angular-mocks.js',
      'node_modules/angular-resource/angular-resource.js',
      'app/**/*.js',
      'test/**/*.js'
    ],

→ karma start karma.confi.js