rush:plain;">
Application
| angular.js
| angular-resource.js
| Home
| home.js
| Tests
| Home
| home.tests.js
| karma.config.js (will be created in the next step)
| angular-mocks.js
rush:js;">
it('should fetch list of users',function(){
$httpBackend.flush();
expect(scope.users.length).toBe(2);
expect(scope.users[0].name).toBe('Bob');
});
都放到一起
home.tests.js
rush:js;">
'use strict';
describe('MainCtrl',function(){
var scope,$httpBackend;
//we'll use these in our tests
//mock Application to allow us to inject our own dependencies
beforeEach(angular.mock.module('Application'));
//mock the controller for the same reason and include $rootScope and $controller
beforeEach(angular.mock.inject(function($rootScope,$controller,$httpBackend){
$httpBackend = $httpBackend;
$httpBackend.when('GET',name: 'Jane'}]);
//create an empty scope
scope = $rootScope.$new();
//declare the controller and inject our empty scope
$controller('MainCtrl',{$scope: scope});
});
// tests start here
it('should have variable text = "Hello World!"',function(){
expect(scope.text).toBe('Hello World!');
});
it('should fetch list of users',function(){
$httpBackend.flush();
expect(scope.users.length).toBe(2);
expect(scope.users[0].name).toBe('Bob');
});
});
技巧
Karma会运行所有文件中的所有测试用例，如果你只想运行所有测试的一个子集，修改 describe 或 it 为 ddescribe 或 iit 来运行个别的一些测试。如果有些测试你不想运行他们，那么修改 describe 或 it 为 xdescribe 或 xit 来忽略这些代码。
我想在 given stackblitz 代码中为 app.service.ts 中的 downloadFile() 和 ConvertToCSV() 方法编写测试用例。请找到参考here
import { Injectable } from ''@angular/core'';
@Injectable()
export class AppService {
downloadFile(data,filename=''data'') {
let csvData = this.ConvertToCSV(data,[''name'',''age'',''average'',''approved'',''description'']);
console.log(csvData)
let blob = new Blob([''\ufeff'' + csvData],{ type: ''text/csv;charset=utf-8;'' });
let dwldLink = document.createElement("a");
let url = URL.createObjectURL(blob);
let isSafaribrowser = navigator.userAgent.indexOf(''Safari'') != -1 && navigator.userAgent.indexOf(''Chrome'') == -1;
if (isSafaribrowser) { //if Safari open in new window to save file with random filename.
dwldLink.setAttribute("target","_blank");
}
dwldLink.setAttribute("href",url);
dwldLink.setAttribute("download",filename + ".csv");
dwldLink.style.visibility = "hidden";
document.body.appendChild(dwldLink);
dwldLink.click();
document.body.removeChild(dwldLink);
}
ConvertToCSV(objArray,headerList) {
let array = typeof objArray != ''object'' ? JSON.parse(objArray) : objArray;
let str = '''';
let row = ''S.No,'';
for (let index in headerList) {
row += headerList[index] + '','';
}
row = row.slice(0,-1);
str += row + ''\r\n'';
for (let i = 0; i < array.length; i++) {
let line = (i+1)+'''';
for (let index in headerList) {
let head = headerList[index];
line += '','' + array[i][head];
}
str += line + ''\r\n'';
}
return str;
}
}
it("Test ConvertToCSV",function() {
// arr: to be used as the objArray argument
const arr: any[] = [{a: 1,b: 2},{a: 3,b: 4}];
// header: to be used as the headerList argument
const header: string[] = [''a'',''b''];
// The expected CSV string
const expected: string = ''S.No,a,b\n1,1,2\n2,3,4'';
// The actual result of ConvertToCSV
const result: string = ConvertToCSV(arr,header);
// Result must be equal to expected string
expect(result).toEqual(expected);
});
AngularJS Karma-jasmine和视觉工作室2015
我有一个angularJS应用程序,现在我想开始测试它.
所以我看了几个教程,但没有一个教你如何使用visual studio 2015设置测试.
有没有人知道一个好的资源阅读或可以帮助我设置它.
