From db4e9ea04ad8f13aa3b36f38adc1c506f9549c26 Mon Sep 17 00:00:00 2001
From: Peter Bacon Darwin <pete@bacondarwin.com>
Date: Thu, 20 Apr 2017 14:45:56 +0100
Subject: [PATCH] feat(aio): add `<current-location>` embedded component
 (#16139)

---
 aio/content/marketing/test.html               |  2 ++
 .../current-location.component.spec.ts        | 28 +++++++++++++++++++
 .../embedded/current-location.component.ts    | 15 ++++++++++
 aio/src/app/embedded/embedded.module.ts       |  5 ++--
 4 files changed, 48 insertions(+), 2 deletions(-)
 create mode 100644 aio/src/app/embedded/current-location.component.spec.ts
 create mode 100644 aio/src/app/embedded/current-location.component.ts

diff --git a/aio/content/marketing/test.html b/aio/content/marketing/test.html
index 9a56e08e02..e63e24cae1 100644
--- a/aio/content/marketing/test.html
+++ b/aio/content/marketing/test.html
@@ -1,5 +1,7 @@
 <h1>Test Code Page</h1>
 
+<p>Current location is <current-location></current-location></p>
+
 <h2>&lt;code-tabs&gt;</h2>
 
 <p>No linenums at code-tabs level</p>
diff --git a/aio/src/app/embedded/current-location.component.spec.ts b/aio/src/app/embedded/current-location.component.spec.ts
new file mode 100644
index 0000000000..ee0ccbcd0b
--- /dev/null
+++ b/aio/src/app/embedded/current-location.component.spec.ts
@@ -0,0 +1,28 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { LocationService } from 'app/shared/location.service';
+import { CurrentLocationComponent } from './current-location.component';
+
+let currentPath: string;
+class MockLocation {
+  path() { return currentPath; }
+}
+
+describe('CurrentLocationComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ CurrentLocationComponent ],
+      providers: [
+        { provide: LocationService, useClass: MockLocation }
+      ]
+    });
+    TestBed.compileComponents();
+  }));
+
+  it('should render the current location', () => {
+    const fixture = TestBed.createComponent(CurrentLocationComponent);
+    const element: HTMLElement = fixture.nativeElement;
+    currentPath = 'a/b/c';
+    fixture.detectChanges();
+    expect(element.innerText).toEqual('a/b/c');
+  });
+});
diff --git a/aio/src/app/embedded/current-location.component.ts b/aio/src/app/embedded/current-location.component.ts
new file mode 100644
index 0000000000..0760ea1a21
--- /dev/null
+++ b/aio/src/app/embedded/current-location.component.ts
@@ -0,0 +1,15 @@
+/* tslint:disable component-selector */
+import { Component } from '@angular/core';
+import { LocationService } from 'app/shared/location.service';
+
+/**
+ * A simple embedded component that displays the current location path
+ */
+@Component({
+  selector: 'current-location',
+  template: '{{location.path()}}'
+})
+export class CurrentLocationComponent {
+  constructor(public location: LocationService) {
+  }
+}
diff --git a/aio/src/app/embedded/embedded.module.ts b/aio/src/app/embedded/embedded.module.ts
index 18b5b56455..561930f916 100644
--- a/aio/src/app/embedded/embedded.module.ts
+++ b/aio/src/app/embedded/embedded.module.ts
@@ -19,6 +19,7 @@ import { CodeTabsComponent } from './code/code-tabs.component';
 import { ContributorListComponent } from './contributor/contributor-list.component';
 import { ContributorComponent } from './contributor/contributor.component';
 import { DocTitleComponent } from './doc-title.component';
+import { CurrentLocationComponent } from './current-location.component';
 import { LiveExampleComponent, EmbeddedPlunkerComponent } from './live-example/live-example.component';
 import { ResourceListComponent } from './resource/resource-list.component';
 import { ResourceService } from './resource/resource.service';
@@ -27,8 +28,8 @@ import { ResourceService } from './resource/resource.service';
  * such as CodeExampleComponent, LiveExampleComponent,...
  */
 export const embeddedComponents: any[] = [
-  ApiListComponent, CodeExampleComponent, CodeTabsComponent,
-  ContributorListComponent, DocTitleComponent, LiveExampleComponent, ResourceListComponent
+  ApiListComponent, CodeExampleComponent, CodeTabsComponent, ContributorListComponent,
+  CurrentLocationComponent, DocTitleComponent, LiveExampleComponent, ResourceListComponent
 ];
 
 /** Injectable class w/ property returning components that can be embedded in docs */