fix: TT-20 unit test

Author: wobravo

src/app/modules/shared/components/details-fields/details-fields.component.spec.ts

@@ -512,6 +512,18 @@ describe('DetailsFieldsComponent', () => {
     expect(endDateInput.id).toEqual('end_date');
     expect(endDateInput.max).toEqual(expectedDate);
   });
+
+  const params = [
+    {formatDate: 'YYY-MM-DD'},
+    {dateFormatHour: 'DD/MM/YYYY HH:mm'},
+  ];
+  params.map((param) => {
+    fit('should return the difference if there is data in the time in and in the time out', () => {
+      const date = moment('2016-01-05');
+      expect(4).toEqual(component.getTimeDifference());
+    });
+  });
+
   /*
    TODO As part of https://github.com/ioet/time-tracker-ui/issues/424 a new parameter was added to the details-field-component,
    and now these couple of tests are failing. A solution to this error might be generate a Test Wrapper Component. More details here:

src/app/modules/shared/components/details-fields/details-fields.component.ts

@@ -18,7 +18,7 @@ import { EntryActionTypes } from './../../../time-clock/store/entry.actions';
 import { SaveEntryEvent } from './save-entry-event';
 import { ProjectSelectedEvent } from './project-selected-event';
 import { get } from 'lodash';
-import { DATE_FORMAT } from 'src/environments/environment';
+import { DATE_FORMAT, DATE_FORMAT_HOUR } from 'src/environments/environment';
 import { TechnologiesComponent } from '../technologies/technologies.component';
 
 type Merged = TechnologyState & ProjectState & ActivityState & EntryState;
@@ -131,23 +131,16 @@ export class DetailsFieldsComponent implements OnChanges, OnInit {
   }
 
   getTimeDifference(){
-    moment.locale('es');
-    const hourStart = this.start_hour.value;
-    const hourEnd = this.end_hour.value;
-    const ab = moment(hourStart, 'HH:mm');
-    const ac = moment(hourEnd, 'HH:mm');
-    if (hourStart === '00:00') {
-      const hourTotal = '00:00';
-      return hourTotal;
-    }
-    if (hourEnd === '00:00') {
-      const hourTotal = '00:00';
-      return hourTotal;
-    }else {
-      const hourTotal = [moment.duration(ab.diff(ac))];
-      return hourTotal;
+    const startDate = moment(`${this.start_date.value} ${this.start_hour.value}`).format(DATE_FORMAT_HOUR);
+    const endDate = moment(`${this.end_date.value} ${this.end_hour.value}`).format(DATE_FORMAT_HOUR);
+    if (this.end_hour.value !== '00:00') {
+      const diffDate = moment(endDate, DATE_FORMAT_HOUR).diff(moment(startDate, DATE_FORMAT_HOUR));
+      const duration = moment.duration(diffDate);
+      const diferenceTime = Math.floor(duration.asHours()) + moment.utc(diffDate).format(':mm');
+      return diferenceTime;
+    } else {
+      return '0:00';
     }
-
   }
 
   ngOnChanges(): void {

src/environments/environment.ts

@@ -18,6 +18,7 @@ export const STACK_EXCHANGE_ACCESS_TOKEN = keys.STACK_EXCHANGE_ACCESS_TOKEN;
 export const AZURE_APP_CONFIGURATION_CONNECTION_STRING = keys.AZURE_APP_CONFIGURATION_CONNECTION_STRING;
 export const DATE_FORMAT = 'yyyy-MM-dd';
 export const DATE_FORMAT_YEAR = 'YYYY-MM-DD';
+export const DATE_FORMAT_HOUR = 'DD/MM/YYYY HH:mm';
 export const GROUPS = {
   ADMIN: 'time-tracker-admin',
   TESTER: 'time-tracker-tester',