TT-65 feat: Change Design of Time In Fields and add waitForAsync in tests

Author: PaulRC-ioet

package-lock.json

@@ -21,13 +21,13 @@
     "@angular/platform-browser": "~10.2.2",
     "@angular/platform-browser-dynamic": "~10.2.2",
     "@angular/router": "~10.2.2",
+    "@azure/app-configuration": "^1.1.0",
+    "@azure/identity": "^1.1.0",
     "@ngrx/effects": "^10.0.1",
     "@ngrx/store": "^10.0.1",
     "@ngrx/store-devtools": "^10.0.1",
     "@types/datatables.net-buttons": "^1.4.3",
     "angular-datatables": "^9.0.2",
-    "@azure/app-configuration": "^1.1.0",
-    "@azure/identity": "^1.1.0",
     "bootstrap": "^4.4.1",
     "datatables.net": "^1.10.21",
     "datatables.net-buttons": "^1.6.2",
@@ -40,6 +40,7 @@
     "msal": "^1.2.1",
     "ngx-cookie-service": "^11.0.2",
     "ngx-mask": "^9.1.2",
+    "ngx-material-timepicker": "^5.5.3",
     "ngx-pagination": "^5.0.0",
     "ngx-toastr": "^12.0.1",
     "rxjs": "~6.6.3",
@@ -95,7 +96,7 @@
   },
   "config": {
     "commit-message-validator": {
-      "pattern": "^(fix: #|feat: #|perf: #|build: #|ci: #|docs: #|refactor: #|style: #|test: #)[0-9].*",
+      "pattern": "^(TT-)[0-9].*(fix: |feat: |perf: |build: |ci: |docs: |refactor: |style: |test: )",
       "errorMessage": "Your commit message needs to start with fix:, feat:, or perf: followed by issue number, e.g. fix: #43 any commit message"
     }
   },

package.json

@@ -1,9 +1,9 @@
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed, waitForAsync } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         RouterTestingModule

src/app/app.component.spec.ts

@@ -72,6 +72,7 @@ import { DialogComponent } from './modules/shared/components/dialog/dialog.compo
 import { LoadingBarComponent } from './modules/shared/components/loading-bar/loading-bar.component';
 import { UsersComponent } from './modules/users/pages/users.component';
 import { UsersListComponent } from './modules/users/components/users-list/users-list.component';
+import {NgxMaterialTimepickerModule} from 'ngx-material-timepicker';
 
 const maskConfig: Partial<IConfig> = {
   validation: false,
@@ -135,6 +136,7 @@ const maskConfig: Partial<IConfig> = {
     NgxPaginationModule,
     DataTablesModule,
     AutocompleteLibModule,
+    NgxMaterialTimepickerModule,
     StoreModule.forRoot(reducers, {
       metaReducers,
     }),

src/app/app.module.ts

@@ -1,5 +1,5 @@
 import { provideMockStore, MockStore } from '@ngrx/store/testing';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { allActivities } from './../../store/activity-management.selectors';
 import { ActivityState } from './../../store/activity-management.reducers';
@@ -19,7 +19,7 @@ describe('ActivityListComponent', () => {
     activityIdToEdit: '',
   };
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ActivityListComponent],
       providers: [provideMockStore({ initialState: state })],

src/app/modules/activities-management/components/activity-list/activity-list.component.spec.ts

@@ -1,5 +1,5 @@
 import { FormBuilder } from '@angular/forms';
-import { async, TestBed, ComponentFixture } from '@angular/core/testing';
+import { waitForAsync, TestBed, ComponentFixture } from '@angular/core/testing';
 import { provideMockStore, MockStore } from '@ngrx/store/testing';
 
 import { CreateActivityComponent } from './create-activity.component';
@@ -36,7 +36,7 @@ describe('CreateActivityComponent', () => {
     description: 'It is good for learning',
   };
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [CreateActivityComponent],
       providers: [FormBuilder, provideMockStore({ initialState: state })],

src/app/modules/activities-management/components/create-activity/create-activity.component.spec.ts

@@ -1,11 +1,11 @@
-import { async, TestBed, ComponentFixture } from '@angular/core/testing';
+import { waitForAsync, TestBed, ComponentFixture } from '@angular/core/testing';
 import { ActivitiesManagementComponent } from './activities-management.component';
 
 describe('ActivitiesManagementComponent', () => {
   let component: ActivitiesManagementComponent;
   let fixture: ComponentFixture<ActivitiesManagementComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [],
       declarations: [ActivitiesManagementComponent]

src/app/modules/activities-management/pages/activities-management.component.spec.ts

@@ -1,6 +1,6 @@
 import { LoadCustomerProjects, CleanCustomerProjects } from './../../../projects/components/store/project.actions';
 import { LoadProjectTypes, CleanProjectTypes } from './../../../projects-type/store/project-type.actions';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder } from '@angular/forms';
 import { MockStore, provideMockStore } from '@ngrx/store/testing';
 
@@ -27,7 +27,7 @@ describe('CreateCustomerComponent', () => {
     description: 'bb',
   };
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [CreateCustomerComponent],
       providers: [

src/app/modules/customer-management/components/customer-info/components/create-customer/create-customer.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { MockStore, provideMockStore } from '@ngrx/store/testing';
 
 import { NgxPaginationModule } from 'ngx-pagination';
@@ -29,7 +29,7 @@ describe('CustomerTableListComponent', () => {
     customerId: '',
   };
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [NgxPaginationModule, DataTablesModule],
       declarations: [CustomerListComponent],

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

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { ManagementCustomerProjectsComponent } from './management-customer-projects.component';
 import { MockStore, provideMockStore } from '@ngrx/store/testing';
@@ -17,7 +17,7 @@ describe('ManagmentCustomerProjectsComponent', () => {
     customerId: '',
   };
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ManagementCustomerProjectsComponent],
       providers: [