test: TT-33 include ticket changes in tests

Author: andresacg30

src/app/modules/reports/components/time-range-form/time-range-form.component.ts

@@ -7,6 +7,8 @@ import * as entryActions from '../../../time-clock/store/entry.actions';
 import {Store} from '@ngrx/store';
 import {EntryState} from '../../../time-clock/store/entry.reducer';
 import * as moment from 'moment';
+import { DateAdapter } from '@angular/material/core';
+
 
 
 @Component({
@@ -21,11 +23,13 @@ export class TimeRangeFormComponent implements OnInit, OnChanges {
   private startDate = new FormControl('');
   private endDate = new FormControl('');
 
-  constructor(private store: Store<EntryState>, private toastrService: ToastrService) {
+  constructor(private store: Store<EntryState>, private toastrService: ToastrService, private date: DateAdapter<Date>) {
     this.reportForm = new FormGroup({
       startDate: this.startDate,
       endDate: this.endDate
     });
+    date.getFirstDayOfWeek = () => 1;
+  
   }
   ngOnInit(): void {
     this.setInitialDataOnScreen();

src/app/modules/reports/components/time-range-form/time-range.component.spec.ts

@@ -8,12 +8,16 @@ import { InputDateComponent } from '../../../shared/components/input-date/input-
 import * as entryActions from '../../../time-clock/store/entry.actions';
 import * as moment from 'moment';
 import { SimpleChange } from '@angular/core';
+import { DateAdapter } from '@angular/material/core';
+
 
 describe('Reports Page', () => {
   describe('TimeRangeFormComponent', () => {
     let component: TimeRangeFormComponent;
     let fixture: ComponentFixture<TimeRangeFormComponent>;
     let store: MockStore<EntryState>;
+    let date: DateAdapter<Date>;
+
     const toastrServiceStub = {
       error: (message?: string, title?: string, override?: Partial<IndividualConfig>) => { }
     };
@@ -46,10 +50,12 @@ describe('Reports Page', () => {
         declarations: [TimeRangeFormComponent, InputDateComponent],
         providers: [
           provideMockStore({ initialState: state }),
-          { provide: ToastrService, useValue: toastrServiceStub }
+          { provide: ToastrService, useValue: toastrServiceStub },
+          { provide: DateAdapter, useClass: DateAdapter }
         ],
       }).compileComponents();
       store = TestBed.inject(MockStore);
+      date = TestBed.inject(DateAdapter);
 
     }));
 

src/app/modules/shared/components/input-date/input-date.component.ts

@@ -23,11 +23,7 @@ export class InputDateComponent implements ControlValueAccessor {
   onChange = (_: any) => { };
   onTouch = () => {  };
 
-  constructor(date: DateAdapter<Date>) {
-    date.getFirstDayOfWeek = () => 1;
-  }
-
-  onInput(value: moment.Moment) {
+  onInput(value: moment.Moment, date: DateAdapter<Date>) {
     this.value = value.format(DATE_FORMAT_YEAR);
     this.onTouch();
     this.onChange(this.value);

src/environments/environment.ts

@@ -4,7 +4,7 @@
 
 export const environment = {
   production: false,
-  timeTrackerApiUrl: 'http://localhost:7071/api',
+  timeTrackerApiUrl: 'https://0390-2800-4f0-546-4680-b5ef-416e-decc-9774.ngrok.io/api',
   stackexchangeApiUrl: 'https://api.stackexchange.com',
 };