mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
81e7d15ef6
This commit adds support by default for HTTP caching when using `provideClientHydration`. Users can opt-out of this behaviour by using the `withoutHttpTransferCache` feature.
```ts
import {
bootstrapApplication,
provideClientHydration,
withNoHttpTransferCache,
} from '@angular/platform-browser';
// ...
bootstrapApplication(RootCmp, {
providers: [provideClientHydration(withNoHttpTransferCache())]
});
```
PR Close #49699
90 lines
3 KiB
TypeScript
90 lines
3 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.io/license
|
|
*/
|
|
|
|
import {DOCUMENT} from '@angular/common';
|
|
import {HttpClient, provideHttpClient} from '@angular/common/http';
|
|
import {HttpTestingController, provideHttpClientTesting} from '@angular/common/http/testing';
|
|
import {ApplicationRef, Component, Injectable} from '@angular/core';
|
|
import {TestBed} from '@angular/core/testing';
|
|
import {withBody} from '@angular/private/testing';
|
|
import {BehaviorSubject} from 'rxjs';
|
|
|
|
import {provideClientHydration, withNoHttpTransferCache} from '../public_api';
|
|
|
|
describe('provideClientHydration', () => {
|
|
@Component({selector: 'test-hydrate-app', template: ''})
|
|
class SomeComponent {
|
|
}
|
|
|
|
function makeRequestAndExpectOne(url: string, body: string): void {
|
|
TestBed.inject(HttpClient).get(url).subscribe();
|
|
TestBed.inject(HttpTestingController).expectOne(url).flush(body);
|
|
}
|
|
|
|
function makeRequestAndExpectNone(url: string): void {
|
|
TestBed.inject(HttpClient).get(url).subscribe();
|
|
TestBed.inject(HttpTestingController).expectNone(url);
|
|
}
|
|
|
|
@Injectable()
|
|
class ApplicationRefPatched extends ApplicationRef {
|
|
override isStable = new BehaviorSubject<boolean>(false);
|
|
}
|
|
|
|
describe('default', () => {
|
|
beforeEach(withBody('<test-hydrate-app></test-hydrate-app>', () => {
|
|
TestBed.resetTestingModule();
|
|
|
|
TestBed.configureTestingModule({
|
|
declarations: [SomeComponent],
|
|
providers: [
|
|
{provide: DOCUMENT, useFactory: () => document},
|
|
{provide: ApplicationRef, useClass: ApplicationRefPatched},
|
|
provideClientHydration(),
|
|
provideHttpClient(),
|
|
provideHttpClientTesting(),
|
|
],
|
|
});
|
|
|
|
const appRef = TestBed.inject(ApplicationRef);
|
|
appRef.bootstrap(SomeComponent);
|
|
}));
|
|
|
|
it(`should use cached HTTP calls`, () => {
|
|
makeRequestAndExpectOne('/test-1', 'foo');
|
|
// Do the same call, this time it should served from cache.
|
|
makeRequestAndExpectNone('/test-1');
|
|
});
|
|
});
|
|
|
|
describe('withNoHttpTransferCache', () => {
|
|
beforeEach(withBody('<test-hydrate-app></test-hydrate-app>', () => {
|
|
TestBed.resetTestingModule();
|
|
|
|
TestBed.configureTestingModule({
|
|
declarations: [SomeComponent],
|
|
providers: [
|
|
{provide: DOCUMENT, useFactory: () => document},
|
|
{provide: ApplicationRef, useClass: ApplicationRefPatched},
|
|
provideClientHydration(withNoHttpTransferCache()),
|
|
provideHttpClient(),
|
|
provideHttpClientTesting(),
|
|
],
|
|
});
|
|
|
|
const appRef = TestBed.inject(ApplicationRef);
|
|
appRef.bootstrap(SomeComponent);
|
|
}));
|
|
|
|
it(`should not cached HTTP calls`, () => {
|
|
makeRequestAndExpectOne('/test-1', 'foo');
|
|
// Do the same call, this time should pass through as cache is disabled.
|
|
makeRequestAndExpectOne('/test-1', 'foo');
|
|
});
|
|
});
|
|
});
|