2016-06-23 12:47:54 -04:00
|
|
|
/**
|
|
|
|
* @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
|
|
|
|
*/
|
|
|
|
|
2016-08-30 21:07:40 -04:00
|
|
|
import {Location, LocationStrategy} from '@angular/common';
|
2016-06-08 19:38:52 -04:00
|
|
|
import {EventEmitter, Injectable} from '@angular/core';
|
|
|
|
|
2015-04-21 14:23:23 -04:00
|
|
|
|
2015-12-03 18:49:09 -05:00
|
|
|
/**
|
|
|
|
* A spy for {@link Location} that allows tests to fire simulated location events.
|
2016-06-27 15:27:23 -04:00
|
|
|
*
|
|
|
|
* @experimental
|
2015-12-03 18:49:09 -05:00
|
|
|
*/
|
2015-12-03 12:06:42 -05:00
|
|
|
@Injectable()
|
2015-08-26 14:41:41 -04:00
|
|
|
export class SpyLocation implements Location {
|
2015-08-28 14:29:19 -04:00
|
|
|
urlChanges: string[] = [];
|
2015-10-09 20:21:25 -04:00
|
|
|
/** @internal */
|
2016-05-07 21:24:46 -04:00
|
|
|
private _history: LocationState[] = [new LocationState('', '')];
|
2015-10-09 20:21:25 -04:00
|
|
|
/** @internal */
|
2016-05-07 21:24:46 -04:00
|
|
|
private _historyIndex: number = 0;
|
2015-09-23 03:10:26 -04:00
|
|
|
/** @internal */
|
2015-10-24 21:48:43 -04:00
|
|
|
_subject: EventEmitter<any> = new EventEmitter();
|
2015-10-09 20:21:25 -04:00
|
|
|
/** @internal */
|
2015-08-26 14:41:41 -04:00
|
|
|
_baseHref: string = '';
|
2016-05-27 14:29:23 -04:00
|
|
|
/** @internal */
|
|
|
|
_platformStrategy: LocationStrategy = null;
|
2015-04-21 14:23:23 -04:00
|
|
|
|
2016-05-07 21:24:46 -04:00
|
|
|
setInitialPath(url: string) { this._history[this._historyIndex].path = url; }
|
2015-04-21 14:23:23 -04:00
|
|
|
|
2015-05-29 17:58:41 -04:00
|
|
|
setBaseHref(url: string) { this._baseHref = url; }
|
2015-05-12 19:18:58 -04:00
|
|
|
|
2016-05-07 21:24:46 -04:00
|
|
|
path(): string { return this._history[this._historyIndex].path; }
|
2015-04-21 14:23:23 -04:00
|
|
|
|
2016-04-07 20:02:07 -04:00
|
|
|
isCurrentPathEqualTo(path: string, query: string = ''): boolean {
|
|
|
|
var givenPath = path.endsWith('/') ? path.substring(0, path.length - 1) : path;
|
|
|
|
var currPath =
|
|
|
|
this.path().endsWith('/') ? this.path().substring(0, this.path().length - 1) : this.path();
|
|
|
|
|
|
|
|
return currPath == givenPath + (query.length > 0 ? ('?' + query) : '');
|
|
|
|
}
|
|
|
|
|
2016-08-02 18:53:34 -04:00
|
|
|
simulateUrlPop(pathname: string) { this._subject.emit({'url': pathname, 'pop': true}); }
|
2015-12-07 19:05:57 -05:00
|
|
|
|
|
|
|
simulateHashChange(pathname: string) {
|
|
|
|
// Because we don't prevent the native event, the browser will independently update the path
|
|
|
|
this.setInitialPath(pathname);
|
|
|
|
this.urlChanges.push('hash: ' + pathname);
|
2016-08-02 18:53:34 -04:00
|
|
|
this._subject.emit({'url': pathname, 'pop': true, 'type': 'hashchange'});
|
2015-12-07 19:05:57 -05:00
|
|
|
}
|
2015-04-21 14:23:23 -04:00
|
|
|
|
2015-10-26 09:57:41 -04:00
|
|
|
prepareExternalUrl(url: string): string {
|
|
|
|
if (url.length > 0 && !url.startsWith('/')) {
|
|
|
|
url = '/' + url;
|
|
|
|
}
|
|
|
|
return this._baseHref + url;
|
|
|
|
}
|
2015-05-12 19:18:58 -04:00
|
|
|
|
2015-09-23 03:10:26 -04:00
|
|
|
go(path: string, query: string = '') {
|
2015-10-26 09:57:41 -04:00
|
|
|
path = this.prepareExternalUrl(path);
|
2016-05-07 21:24:46 -04:00
|
|
|
|
|
|
|
if (this._historyIndex > 0) {
|
|
|
|
this._history.splice(this._historyIndex + 1);
|
|
|
|
}
|
|
|
|
this._history.push(new LocationState(path, query));
|
|
|
|
this._historyIndex = this._history.length - 1;
|
|
|
|
|
|
|
|
var locationState = this._history[this._historyIndex - 1];
|
2016-06-08 19:38:52 -04:00
|
|
|
if (locationState.path == path && locationState.query == query) {
|
2015-04-21 14:23:23 -04:00
|
|
|
return;
|
|
|
|
}
|
2015-09-23 03:10:26 -04:00
|
|
|
|
|
|
|
var url = path + (query.length > 0 ? ('?' + query) : '');
|
2015-06-17 14:17:21 -04:00
|
|
|
this.urlChanges.push(url);
|
2016-08-12 17:30:51 -04:00
|
|
|
this._subject.emit({'url': url, 'pop': false});
|
2015-04-21 14:23:23 -04:00
|
|
|
}
|
|
|
|
|
2015-12-07 19:05:57 -05:00
|
|
|
replaceState(path: string, query: string = '') {
|
|
|
|
path = this.prepareExternalUrl(path);
|
2016-05-07 21:24:46 -04:00
|
|
|
|
2016-04-07 20:02:07 -04:00
|
|
|
var history = this._history[this._historyIndex];
|
|
|
|
if (history.path == path && history.query == query) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
history.path = path;
|
|
|
|
history.query = query;
|
2015-12-07 19:05:57 -05:00
|
|
|
|
|
|
|
var url = path + (query.length > 0 ? ('?' + query) : '');
|
|
|
|
this.urlChanges.push('replace: ' + url);
|
|
|
|
}
|
|
|
|
|
2015-04-21 14:23:23 -04:00
|
|
|
forward() {
|
2016-05-07 21:24:46 -04:00
|
|
|
if (this._historyIndex < (this._history.length - 1)) {
|
|
|
|
this._historyIndex++;
|
2016-08-02 18:53:34 -04:00
|
|
|
this._subject.emit({'url': this.path(), 'pop': true});
|
2016-05-07 21:24:46 -04:00
|
|
|
}
|
2015-04-21 14:23:23 -04:00
|
|
|
}
|
|
|
|
|
|
|
|
back() {
|
2016-05-07 21:24:46 -04:00
|
|
|
if (this._historyIndex > 0) {
|
|
|
|
this._historyIndex--;
|
2016-08-02 18:53:34 -04:00
|
|
|
this._subject.emit({'url': this.path(), 'pop': true});
|
2016-05-07 21:24:46 -04:00
|
|
|
}
|
2015-04-21 14:23:23 -04:00
|
|
|
}
|
|
|
|
|
2016-06-08 19:38:52 -04:00
|
|
|
subscribe(
|
|
|
|
onNext: (value: any) => void, onThrow: (error: any) => void = null,
|
|
|
|
onReturn: () => void = null): Object {
|
2016-08-02 18:53:34 -04:00
|
|
|
return this._subject.subscribe({next: onNext, error: onThrow, complete: onReturn});
|
2015-04-21 14:23:23 -04:00
|
|
|
}
|
|
|
|
|
2015-08-26 14:41:41 -04:00
|
|
|
normalize(url: string): string { return null; }
|
2015-04-21 14:23:23 -04:00
|
|
|
}
|
2016-05-07 21:24:46 -04:00
|
|
|
|
|
|
|
class LocationState {
|
|
|
|
path: string;
|
|
|
|
query: string;
|
|
|
|
constructor(path: string, query: string) {
|
|
|
|
this.path = path;
|
|
|
|
this.query = query;
|
|
|
|
}
|
|
|
|
}
|