4277600d5e
This commit provides a replacement for `$location`. The new service is written in Angular, and can be consumed into existing applications by using the downgraded version of the provider. Prior to this addition, applications upgrading from AngularJS to Angular could get into a situation where AngularJS wanted to control the URL, and would often parse or se rialize the URL in a different way than Angular. Additionally, AngularJS was alerted to URL changes only through the `$digest` cycle. This provided a buggy feedback loop from Angular to AngularJS. With this new `LocationUpgradeProvider`, the `$location` methods and events are provided in Angular, and use Angular APIs to make updates to the URL. Additionally, change s to the URL made by other parts of the Angular framework (such as the Router) will be listened for and will cause events to fire in AngularJS, but will no longer attempt to update the URL (since it was already updated by the Angular framework). This centralizes URL reads and writes to Angular and should help provide an easier path to upgrading AngularJS applications to Angular. PR Close #30055
111 lines
3.6 KiB
TypeScript
111 lines
3.6 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google Inc. 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 {CommonModule, Location, LocationStrategy, PathLocationStrategy, PlatformLocation} from '@angular/common';
|
|
import {MockPlatformLocation} from '@angular/common/testing';
|
|
import {TestBed, inject} from '@angular/core/testing';
|
|
|
|
const baseUrl = '/base';
|
|
|
|
describe('Location Class', () => {
|
|
describe('stripTrailingSlash', () => {
|
|
it('should strip single character slash', () => {
|
|
const input = '/';
|
|
expect(Location.stripTrailingSlash(input)).toBe('');
|
|
});
|
|
|
|
it('should normalize strip a trailing slash', () => {
|
|
const input = baseUrl + '/';
|
|
expect(Location.stripTrailingSlash(input)).toBe(baseUrl);
|
|
});
|
|
|
|
it('should ignore query params when stripping a slash', () => {
|
|
const input = baseUrl + '/?param=1';
|
|
expect(Location.stripTrailingSlash(input)).toBe(baseUrl + '?param=1');
|
|
});
|
|
|
|
it('should not remove slashes inside query params', () => {
|
|
const input = baseUrl + '?test/?=3';
|
|
expect(Location.stripTrailingSlash(input)).toBe(input);
|
|
});
|
|
|
|
it('should not remove slashes after a pound sign', () => {
|
|
const input = baseUrl + '#test/?=3';
|
|
expect(Location.stripTrailingSlash(input)).toBe(input);
|
|
});
|
|
});
|
|
|
|
describe('location.getState()', () => {
|
|
beforeEach(() => {
|
|
TestBed.configureTestingModule({
|
|
imports: [CommonModule],
|
|
providers: [
|
|
{provide: LocationStrategy, useClass: PathLocationStrategy},
|
|
{provide: PlatformLocation, useFactory: () => { return new MockPlatformLocation(); }},
|
|
{provide: Location, useClass: Location, deps: [LocationStrategy, PlatformLocation]},
|
|
]
|
|
});
|
|
});
|
|
|
|
it('should get the state object', inject([Location], (location: Location) => {
|
|
|
|
expect(location.getState()).toBe(null);
|
|
|
|
location.go('/test', '', {foo: 'bar'});
|
|
|
|
expect(location.getState()).toEqual({foo: 'bar'});
|
|
}));
|
|
|
|
it('should work after using back button', inject([Location], (location: Location) => {
|
|
|
|
expect(location.getState()).toBe(null);
|
|
|
|
location.go('/test1', '', {url: 'test1'});
|
|
location.go('/test2', '', {url: 'test2'});
|
|
|
|
expect(location.getState()).toEqual({url: 'test2'});
|
|
|
|
location.back();
|
|
|
|
expect(location.getState()).toEqual({url: 'test1'});
|
|
}));
|
|
|
|
});
|
|
|
|
describe('location.onUrlChange()', () => {
|
|
beforeEach(() => {
|
|
TestBed.configureTestingModule({
|
|
imports: [CommonModule],
|
|
providers: [
|
|
{provide: LocationStrategy, useClass: PathLocationStrategy},
|
|
{provide: PlatformLocation, useFactory: () => { return new MockPlatformLocation(); }},
|
|
{provide: Location, useClass: Location, deps: [LocationStrategy, PlatformLocation]},
|
|
]
|
|
});
|
|
});
|
|
|
|
it('should have onUrlChange method', inject([Location], (location: Location) => {
|
|
expect(typeof location.onUrlChange).toBe('function');
|
|
}));
|
|
|
|
it('should add registered functions to urlChangeListeners',
|
|
inject([Location], (location: Location) => {
|
|
|
|
function changeListener(url: string, state: unknown) { return undefined; }
|
|
|
|
expect((location as any)._urlChangeListeners.length).toBe(0);
|
|
|
|
location.onUrlChange(changeListener);
|
|
|
|
expect((location as any)._urlChangeListeners.length).toBe(1);
|
|
expect((location as any)._urlChangeListeners[0]).toEqual(changeListener);
|
|
|
|
}));
|
|
|
|
});
|
|
}); |