Display uuid on task description

Author: ivareri

src/app/component/task-description/task-description.component.html

@@ -10,6 +10,15 @@ <h1>
   </div>
 
   <mat-accordion multi="true">
+    <mat-expansion-panel>
+      <mat-expansion-panel-header>
+        <mat-panel-title>
+          <b>UUID</b>
+        </mat-panel-title>
+      </mat-expansion-panel-header>
+      <p [innerHTML]="currentTask.uuid"></p>
+    </mat-expansion-panel>
+
     <mat-expansion-panel [expanded]="true">
       <mat-expansion-panel-header>
         <mat-panel-title>

src/app/component/task-description/task-description.component.spec.ts

@@ -40,7 +40,18 @@ describe('TaskDescriptionComponent', () => {
     expect(heading.textContent).toContain(testSubDimension);
   });
 
-  it('check if description is being genenrated', () => {
+  it('check if UUID is being genenrated', () => {
+    const testUUID = '00000000-0000-0000-0000-000000000000';
+    component.currentTask.description = testUUID;
+    fixture.detectChanges();
+    const HTMLElement: HTMLElement = fixture.nativeElement;
+    const contentDisplayedinParagraphTag = HTMLElement.querySelectorAll('p')!;
+    expect(contentDisplayedinParagraphTag[0].textContent).toContain(
+      testUUID
+    );
+  });
+
+ it('check if description is being genenrated', () => {
     const testDescription = 'Sample Description';
     component.currentTask.description = testDescription;
     fixture.detectChanges();

src/app/component/task-description/task-description.component.ts

@@ -15,6 +15,7 @@ export interface taskDescription {
   subDimension: string;
   level: string;
   taskName: string;
+  uuid: string;
   description: string;
   risk: string;
   measure: string;
@@ -45,6 +46,7 @@ export class TaskDescriptionComponent implements OnInit {
     subDimension: '',
     level: '',
     taskName: '',
+    uuid: '',
     description: '',
     risk: '',
     measure: '',
@@ -105,6 +107,7 @@ export class TaskDescriptionComponent implements OnInit {
         data['description'],
         ''
       );
+      this.currentTask.uuid = this.defineStringValues(data['uuid'], '');
       this.currentTask.risk = this.defineStringValues(data['risk'], '');
       this.currentTask.measure = this.defineStringValues(data['measure'], '');
       try {