Góc 2 mô hình Http get() để trả lại tệp json cục bộ

Question

Cách dễ nhất để giả lập phản hồi được trả về bởi Httpget() trong Góc 2 là gì?

Tôi có tệp data.json cục bộ trong thư mục đang hoạt động của mình và tôi muốn get() trả về phản hồi chứa dữ liệu đó dưới dạng tải trọng, mô phỏng api còn lại.

Tài liệu để định cấu hình đối tượng Backend cho Http dường như hơi mơ hồ và quá phức tạp cho một tác vụ đơn giản như vậy.

Answer 1

Bạn cần ghi đè nhà cung cấp XhrBackend với số MockBackend. Sau đó, bạn cần tạo một trình phun khác để có thể thực thi một yêu cầu HTTP đúng.

Đây là một mẫu:

beforeEachProviders(() => { 
    return [ 
    HTTP_PROVIDERS, 
    provide(XHRBackend, { useClass: MockBackend }), 
    SomeHttpService 
    ]; 
}); 

it('Should something', inject([XHRBackend, SomeHttpService], (mockBackend, httpService) => { 
    mockBackend.connections.subscribe(
    (connection: MockConnection) => { 
     var injector = ReflectiveInjector.resolveAndCreate([ 
     HTTP_PROVIDERS 
     ]); 
     var http = injector.get(Http); 
     http.get('data.json').map(res => res.json()).subscribe(data) => { 
     connection.mockRespond(new Response(
      new ResponseOptions({ 
      body: data 
      }))); 
     }); 
    }); 
})); 

Answer 2

Bằng cách này, bạn cần phải thử các XHRBackend và cung cấp dữ liệu chế giễu trong một lớp học với phương pháp createDb. Phương thức createDb trả về đối tượng JSON được mô phỏng. Để tải dữ liệu đó cung cấp chính xác ví dụ URL đến http.get, nếu đối tượng JSON được chứa trong một biến mockedObject, thì URL phải là "app\mockedObject".

Bạn có thể đọc thêm chi tiết tại đây: https://angular.io/docs/ts/latest/guide/server-communication.html.

Answer 3

Bạn có thể sử dụng HttpTestingController sẵn thông qua Testbed lõi như với tôi nó cảm thấy trực quan hơn (mỗi sở hữu của họ, tất nhiên). Untested snippet:

import { TestBed, async } from '@angular/core/testing'; 
import { HttpTestingController } from '@angular/common/http/testing'; 

import { MyApiService } from './my-api.service'; 

export function main() { 
    describe('Test set',() => { 
    let httpMock: HttpTestingController; 

    beforeEach(() => { 

     TestBed.configureTestingModule({ 
     imports: [], 
     providers: [MyApiService] 
     }); 

     httpMock = TestBed.get(HttpTestingController); 
    }); 

    it('should call get', async(() => { 

     const data: any = {mydata: 'test'}; 
     let actualResponse: any = null; 
     MyApiService.get().subscribe((response: any) => { 
     actualResponse = response; 
     }); 

     httpMock.expectOne('localhost:5555/my-path').flush(data); 
     expect(actualResponse).toEqual(data); 

    })); 
    }); 
}