前言
Karma是Testacular的新名字,在2012年google开源了Testacular,2013年Testacular改名为Karma。Karma是一个让人感到非常神秘的名字,表示佛教中的缘分,因果报应,比Cassandra这种名字更让人猜不透!
karma
Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner)。该工具可用于测试所有主流Web浏览器,也可集成到CI(Continuous integration)工具,也可和其他代码编辑器一起使用。这个测试工具的一个强大特性就是,它可以监控(Watch)文件的变化,然后自行执行,通过console.log显示测试结果。
Jasmine
Jasmine (茉莉)是一款 JavaScript BDD(行为驱动开发)测试框架,它不依赖于其他任何 JavaScript 组件。它有干净清晰的语法,让您可以很简单的写出测试代码。对基于 JavaScript 的开发来说,它是一款不错的测试框架选择。
安装
-
安装karma
$yarn add karma $./node_modules/.bin/karma init
完成相应的问题
- 安装jasmine-core
yarn add jasmine-core
修改配置文件
-
修改package.json中的script部分
"scripts": { "test": "./node_modules/.bin/karma start karma.conf.js" },
启动测试
run test
文件目录结构
- 新建目录及文件
配置测试文件
-
修改karma.Spec.js
// Karma configuration // Generated on Tue Dec 19 2017 19:55:59 GMT+0800 (CST) module.exports = function(config) { config.set({ // base path that will be used to resolve all patterns (eg. files, exclude) basePath: '', // frameworks to use // available frameworks: https://npmjs.org/browse/keyword/karma-adapter frameworks: ['jasmine'], // list of files / patterns to load in the browser files: [ // 用于测试的文件内容 'src/**/*.js', 'test/**/*Spec.js' ], // list of files to exclude exclude: [ // 排除不需要测试的内容 'node_modules', '**/*.swp', ], // preprocess matching files before serving them to the browser // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor preprocessors: { }, // test results reporter to use // possible values: 'dots', 'progress' // available reporters: https://npmjs.org/browse/keyword/karma-reporter reporters: ['progress'], // web server port port: 9876, // enable / disable colors in the output (reporters and logs) colors: true, // level of logging // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG logLevel: config.LOG_INFO, // enable / disable watching file and executing tests whenever any file changes autoWatch: true, // start these browsers // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher browsers: ['Chrome'], // Continuous Integration mode // if true, Karma captures browsers, runs the tests and exits singleRun: false, // Concurrency level // how many browser should be started simultaneous concurrency: Infinity }) }
编写源代码及测试代码
- 运行代码src/index.js
function reverse(name){
return name.split("").reverse().join("");
}
- 测试代码test/index.Spec.js
describe("A suite of basic functions", function() {
it("reverse word",function(){
expect("eDCBA").toEqual(reverse("ABCDe"));
// expect("Conan").toEqual(reverse("nano"));
});
});
运行测试
yarn run test
取消test/index.Spec.js中的注释,重新运行测试,显示如下
终端实现实际执行值与期望值不一样,显示如下;
Expected 'Conan' to equal 'onan'.
at UserContext.<anonymous> (test/index.Spec.js:4:25)
返回测试代码修改即可完成测试。
jasmine基础语法
- Suites(describe Your Tests)
Suite表示一个测试集,以函数describe(string, function)封装,它
包含2个参数:
string:测试组名称,
function:测试组函数。
一个Suite(describe)包含多个Specs(it),一个Specs(it)包含多个断言(expect)。
- Specs
调用全局方法 it 来定义测试规范。它也有两个参数,一个字符串和一个方法。
(1)字符串是这个规范的名称或者标题。
(2)方法就是这个规范或者测试。
一个规范包含一个或者多个测试代码状态的期望值。
一个jasmine的期望值是一个true或者false的断言。所有期望值都是true的规范才是合格的规范,有一个或者多个期望值是false的规范就是失败的规范。
describe("A suite",function(){
it("contains spec with an expectation",function(){
expect(true).toBe(true);
});
});
-
方法
由于 describe 和 it 块是函数,它们可以包含实现测试所必需的任何可执行代码。JavaScript的作用域规则适用,所以在 describe 的套件里的任何 it 块,变量声明是有效的。
-
Expectations
期望值是用 except 方法来创建的,它需要一个值,称为实际值。这是一个需要期望值的匹配方法链。
- Matchers
每一个匹配器实现的是真实值和期望值的比较。它负责报告给jasmine如果期望值是真的或者假的。jasmine将使这个规范通过或者失败。
在调用匹配器之前,通过使用 not 链接调用 except ,任何匹配器可以评估一个反的断言。
it("and can have a negative case",function(){
expect(false).not.toBe(true);
});
匹配器
(1)toBe() : 用来比较数字或者字符串是否相等,不支持对象的比较。
describe("Included matchers:",function(){
it("The 'toBe' matcher compares with ===",function(){
var a =12;
var b = a;
expect(a).toBe(b);
expect(a).not.toBe(null);
});
}
(2)toEqual() :可以用来比较简单的文本和变量,还有对象是否相等。
(3)toMatch():针对正则表达式。
it("The 'toMatch' matcher is for regular expressions",function(){
var message ='foo bar baz';
expect(message).toMatch(/bar/);
expect(message).toMatch('bar');
expect(message).not.toMatch(/quux/);
});
(4)toBeDefined():对未定义进行判断,如果定义了则为true。
(5)toBeUndefined():对未定义进行判断,如果没有定义则为true。
it("The 'toBeDefined' matcher compares against `undefined`",function(){
var a ={
foo:'foo'
};
expect(a.foo).toBeDefined();
expect(a.bar).not.toBeDefined();
});
it("The `toBeUndefined` matcher compares against `undefined`",function(){
var a ={
foo:'foo'
};
expect(a.foo).not.toBeUndefined();
expect(a.bar).toBeUndefined();
});
(6)toBeNull():对空进行比较
it("The 'toBeNull' matcher compares against null",function(){
var a =null;
var foo ='foo';
expect(null).toBeNull();
expect(a).toBeNull();
expect(foo).not.toBeNull();
});
(7)toBeTruthy():判断布尔值,是布尔值则为true
(8)toBeFalsy():判断布尔值,不是布尔值则为true
(9)toContain():判断字符串或者数组中是否包含某个值,包含则为true。
describe("The 'toContain' matcher",function(){
it("works for finding an item in an Array",function(){
var a =["foo","bar","baz"];
expect(a).toContain("bar");
expect(a).not.toContain("quux");
});
it("also works for finding a substring",function(){
var a ="foo bar baz";
expect(a).toContain("bar");
expect(a).not.toContain("quux");
});
});
(10)toBeLessThan():比较数值大小,若小于则为true。
(11)toBeGreaterThan():比较数值大小,若大于则为true。
it("The 'toBeLessThan' matcher is for mathematical comparisons",function(){
var pi =3.1415926, e =2.78;
expect(e).toBeLessThan(pi);
expect(pi).not.toBeLessThan(e);
});
it("The 'toBeGreaterThan' is for mathematical comparisons",function(){
var pi =3.1415926, e =2.78, c =3;
expect(c).toBeGreaterThan(e);
expect(c).not.toBeGreaterThan(pi);
});
(12)toBeCloseTo():精密的数学比较
it("The 'toBeCloseTo' matcher is for precision math comparison",function(){
var pi =3.1415926, e =2.78;
expect(pi).not.toBeCloseTo(e,2);
expect(pi).toBeCloseTo(e,0);
});
(13)toThrow():抛出异常时为true
it("The 'toThrow' matcher is for testing if a function throws an exception",function(){
var foo =function(){
return1+2;
};
var bar =function(){
return a +1;
};
expect(foo).not.toThrow();
expect(bar).toThrow();
});