Changes the window title to include the logged in team name.

FordLabs · Apr 2, 2019 · ae37ca7 · ae37ca7
1 parent ab905a5
commit ae37ca7
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/ui/src/app/modules/sub-app/sub-app.component.spec.ts b/ui/src/app/modules/sub-app/sub-app.component.spec.ts
@@ -20,21 +20,24 @@ import {ActivatedRoute} from '@angular/router';
 import {TeamService} from '../teams/services/team.service';
 import {DataService} from '../data.service';
 import {of} from 'rxjs';
-import {instance, mock, when} from 'ts-mockito';
+import {instance, mock, verify, when} from 'ts-mockito';
 import {Themes} from '../domain/Theme';
+import {Title} from '@angular/platform-browser';
 
 describe('SubAppComponent', () => {
   let component: SubAppComponent;
   let activatedRoute: ActivatedRoute;
   let teamService: TeamService;
   let dataService: DataService;
+  let titleService: Title;
 
   beforeEach(() => {
     activatedRoute = mock(ActivatedRoute);
     teamService = mock(TeamService);
     dataService = new DataService();
+    titleService = mock(Title);
 
-    component = new SubAppComponent(instance(activatedRoute), instance(teamService), dataService);
+    component = new SubAppComponent(instance(activatedRoute), instance(teamService), dataService, instance(titleService));
   });
 
   it('should create', () => {
@@ -61,6 +64,10 @@ describe('SubAppComponent', () => {
       expect(component.teamName).toEqual(fakeName);
       expect(dataService.team.name).toEqual(fakeName);
     });
+
+    it('should change the window title to include the team name', () => {
+      verify(titleService.setTitle(`${fakeName} | RetroQuest`)).called();
+    });
   });
 
   describe('emitThemeChanged', () => {

diff --git a/ui/src/app/modules/sub-app/sub-app.component.ts b/ui/src/app/modules/sub-app/sub-app.component.ts
@@ -20,6 +20,7 @@ import {ActivatedRoute} from '@angular/router';
 import {TeamService} from '../teams/services/team.service';
 import {DataService} from '../data.service';
 import {parseTheme, Themes} from '../domain/Theme';
+import {Title} from '@angular/platform-browser';
 
 @Component({
   selector: 'rq-sub-app',
@@ -36,7 +37,8 @@ export class SubAppComponent implements OnInit, AfterViewInit {
 
   constructor(private activatedRoute: ActivatedRoute,
               private teamService: TeamService,
-              private dataService: DataService) {
+              private dataService: DataService,
+              private titleService: Title) {
   }
 
   ngOnInit() {
@@ -73,6 +75,7 @@ export class SubAppComponent implements OnInit, AfterViewInit {
       (teamName) => {
         this.teamName = teamName;
         this.dataService.team.name = this.teamName;
+        this.titleService.setTitle(this.teamName + ' | RetroQuest');
       }
     );
   }

diff --git a/ui/src/index.html b/ui/src/index.html
@@ -20,7 +20,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>Retroquest</title>
+  <title>RetroQuest</title>
   <base href="/">
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge"/>