Ang*_*arM 5 javascript unit-testing firebase typescript angular
有没有人知道如何使用角度2来测试基本的firebase添加项目进行基本单元测试.
我的代码使用的是typescript而不是基本的JavaScript
这就是我正在测试的:
export class AppComponent {
ref: Firebase;
refUsers: Firebase;
refProfiles: Firebase;
constructor(){
this.ref = new Firebase("https://markng2.firebaseio.com");
this.refUsers = new Firebase("https://markng2.firebaseio.com/users");
this.refProfiles = new Firebase("https://markng2.firebaseio.com/profiles");
}
public addUser(newUser: Object): void{
this.refUsers.push(newUser, ()=>{
});
}
}
Run Code Online (Sandbox Code Playgroud)
这是我目前的测试:
import {it, iit, describe, expect, inject, injectAsync, beforeEachProviders, fakeAsync, tick } from 'angular2/testing';
import { AppComponent } from '../app/app';
describe('AppComponent', () => {
it('saves an item to Firebase', () => {
let refUsers = new Firebase('');
let service = new AppComponent();
spyOn(service.refUsers, 'push');
service.addUser({ item: true });
expect(service.refUsers.push).toHaveBeenCalled();
})
});
Run Code Online (Sandbox Code Playgroud)
这是我在运行测试时遇到的错误:
三个步骤开始测试。
假设您创建了一个名为 的类DataService
:
/// <reference path="typings/firebase/firebase.d.ts" />
export class DataService {
ref: Firebase;
constructor(theRef: Firebase) {
this.ref = theRef;
}
add(object: any) {
this.ref.push(object);
}
}
Run Code Online (Sandbox Code Playgroud)
要测试它,您可以导入DataService
并使用 Jasmine 方法来测试 add 方法。
import {DataService} from './data-service';
describe('DataService', () => {
it('saves an item to Firebase', () => {
let ref = new Firebase('');
let service = new DataService(ref);
// create a spy to use if push is called
spyOn(service.ref, 'push');
service.add({ item: true });
// expect that push was called
expect(service.ref.push).toHaveBeenCalled();
})
});
Run Code Online (Sandbox Code Playgroud)
测试 Firebase 方法的关键只是监视它们。您不需要测试 Firebase 是否有效,只需确保您的代码正确调用 Firebase。
这里的问题是您在单元测试中使用了完整的 Firebase SDK。理想情况下,您希望使用模拟库,以便您可以从 Firebase SDK 中为您需要的任何功能创建模拟。
归档时间: |
|
查看次数: |
927 次 |
最近记录: |