fix: TT-41 review and small change/correction of test

Author: kevinjlope

src/app/modules/customer-management/components/projects/components/project-list/project-list.component.html

@@ -14,7 +14,7 @@
       <tr class="d-flex" *ngFor="let project of projects">
         <td class="col-sm-3">{{ project.id }}</td>
         <td class="col-sm-3">{{ project.name }}</td>
-        <td class="col-sm-2">{{ project.technologies }}</td>
+        <td class="col-sm-2">{{ project.technologies ? project.technologies.toString() : ""}}</td>
         <td class="col-sm-2">{{ getProjectTypeName(project.project_type_id) }}</td>
         <td class="col-sm-1 text-center">
           <button type="button" class="btn btn-sm btn-primary" (click)="updateProject(project)">

src/app/modules/customer-management/components/projects/components/project-list/project-list.component.spec.ts

@@ -18,7 +18,7 @@ describe('ProjectListComponent', () => {
   let getCustomerProjectsSelectorMock;
   let allCustomerProjectsSelectorMock;
 
-  const project = { id: '123', name: 'aaa', description: 'xxx', project_type_id: '1234', status: 'inactive' };
+  const project = { id: '123', name: 'aaa', description: 'xxx', project_type_id: '1234', technologies: ['python', 'angular'], status: 'inactive' };
 
   const state: ProjectState = {
     projects: [project],
@@ -124,6 +124,7 @@ describe('ProjectListComponent', () => {
       name: 'aaa',
       description: 'xxx',
       project_type_id: '1234',
+      technologies: ['python', 'angular'],
       status: 'activate',
       key: 'activate',
       _status: false,
@@ -143,6 +144,7 @@ describe('ProjectListComponent', () => {
       name: 'aaa',
       description: 'xxx',
       project_type_id: '1234',
+      technologies: ['python', 'angular'],
       status: 'inactive',
       key: 'inactive',
       _status: true,
@@ -186,10 +188,10 @@ describe('ProjectListComponent', () => {
       expect(tableRows.length).toBe(2);
 
       const headerRow = tableRows[0];
-      expect(headerRow.cells[2].innerHTML).toBe('Project Type');
+      expect(headerRow.cells[3].innerHTML).toBe('Project Type');
 
       const dataRow = tableRows[1];
-      expect(dataRow.cells[2].innerHTML).toBe('BK');
+      expect(dataRow.cells[3].innerHTML).toBe('BK');
 
       done();
     });

src/app/modules/customer-management/components/projects/components/project-list/project-list.component.ts

@@ -8,6 +8,7 @@ import * as actions from '../store/project.actions';
 import { ProjectUI } from '../../../../../shared/models/project.model';
 import { allProjectTypes, ProjectTypeState } from '../../../projects-type/store';
 import { ProjectType } from 'src/app/modules/shared/models';
+import { runInThisContext } from 'vm';
 
 @Component({
   selector: 'app-project-list',