feat(cb2-14690): version number

src/app/core/components/header/__tests__/header.component.spec.ts

@@ -1,6 +1,7 @@
 import { DebugElement } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
+import packageInfo from '../../../../../../package.json';
 import { HeaderComponent } from '../header.component';
 
 describe('HeaderComponent', () => {
@@ -42,4 +43,8 @@ describe('HeaderComponent', () => {
 
 		logOutButton.triggerEventHandler('click', null);
 	});
+	it('getAppVersion returns correct version', () => {
+		const version = component.getAppVersion();
+		expect(version).toBe(packageInfo.version);
+	});
 });

src/app/core/components/header/header.component.html

@@ -5,6 +5,7 @@
     <div class="govuk-grid-row govuk-!-margin-bottom-2 govuk-width-container">
       <div class="govuk-grid-column-one-half">
         <a href="/" id="header-home-link" class="govuk-header__link govuk-header__link--homepage">Vehicle testing management</a>
+        <span id="appversion">{{  getAppVersion() }}</span>
       </div>
       <div class="govuk-grid-column-one-half govuk-!-text-align-right govuk-!-font-size-19">
         <span id="username">{{ username }}</span>

src/app/core/components/header/header.component.ts

@@ -1,4 +1,5 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
+import packageInfo from '../../../../../package.json';
 
 @Component({
 	selector: 'app-header',
@@ -12,4 +13,8 @@ export class HeaderComponent {
 	logout() {
 		this.logOutEvent.emit();
 	}
+
+	getAppVersion() {
+		return packageInfo.version;
+	}
 }