使用角度2添加firebase的单元测试

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)

这是我在运行测试时遇到的错误:

在此输入图像描述

Dav*_*ast 5

三个步骤开始测试。

  1. 设置您的测试环境。Angular 2 文档对此有很好的指导。
  2. 编写您的代码。
  3. 写测试。

假设您创建了一个名为 的类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 中为您需要的任何功能创建模拟。