karma作为jQuery单元测试Runner

　　运用karma runner
　　我们已经了解了jasmine测试的两个框架jasmine-jQuery和jasmine-ajax，所以运用karma作为runner，我们需要解决的问题是把他们和karma集成在一起。
　　所以分为以下几步： 1：karma中引入jasmine-jQuery和jasmine-ajax(可以利用bowerinstall) 2：host 测试的html fixtures。 3：加载html fixtures 与install ajax之前。
　　对于host 文件karma提供了pattern模式，所以karma配置为：
files: [
{
pattern: 'view/**/*.html'，
watched: true，
included: false，
served: true
}，
'bower_components/jquery/dist/jquery.js'，
'bower_components/jasmine-jquery/lib/jasmine-jquery.js'，
'bower_components/jasmine-ajax/lib/mock-ajax.js'，
'src/*.js'，
'test/*.js'
]，
　　这里需要注意karma自带的jasmine是低版本的，所以我们需要npm install karma-jasmine@2.0获取新的karma-jasmine插件。
　　我们可以完成了karma的配置，我们可以简单测试我们的配置：demo on github.
　　测试html fixtures加载：
describe('console html content'， function() {
beforeEach(function() {
jasmine.getFixtures().fixturesPath = 'base/view/';
loadFixtures("index.html");
});
it('index html'， function() {
expect($("h2")).toBeInDOM();
expect($("h2")).toContainText("this is index page");
});
})
    测试mock ajax：
describe('console html content'， function() {
beforeEach(function() {
jasmine.Ajax.requests.when = function(url) {
return this.filter("/jquery/ajax")[0];
};
jasmine.Ajax.install();
});
it('index html'， function() {
expect($("h2")).toBeInDOM();
expect($("h2")).toContainText("this is index page");
});
it("ajax mock"， function() {
var doneFn = jasmine.createSpy("success");
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(args) {
if (this.readyState == this.DONE) {
doneFn(this.responseText);
}
};
xhr.open("GET"， "/some/cool/url");
xhr.send();
expect(jasmine.Ajax.requests.mostRecent().url).toBe('/some/cool/url');
expect(doneFn).not.toHaveBeenCalled();
jasmine.Ajax.requests.mostRecent().response({
"status": 200，
"contentType": 'text/plain'，
"responseText": 'awesome response'
});
expect(doneFn).toHaveBeenCalledWith('awesome response');
});
it("jquery ajax success with getResponse"， function() {
var result;
getResponse().then(function(data){
result = data;
});
jasmine.Ajax.requests.when("/jquery/ajax").response({
"status": 200，
"contentType": 'text/plain'，
"responseText": 'data from mock ajax'
});
expect(result).toEqual('data from mock ajax');
});
it("jquery ajax error"， function() {
var status;
$.get("/jquery/ajax").error(function(response) {
status = response.status;
});
jasmine.Ajax.requests.when("/jquery/ajax").response({
"status": 400
});
expect(status).toEqual(400);
});
afterEach(function() {
jasmine.Ajax.uninstall();
});
})