fix(time-picker): Adding incomplete test for the disabled theme. #3978

Author: valadzhov

projects/igniteui-angular/src/lib/time-picker/time-picker.component.spec.ts

@@ -1667,6 +1667,26 @@ describe('IgxTimePicker', () => {
             expect(input).not.toEqual(document.activeElement);
             expect(dummyInput).toEqual(document.activeElement);
         }));
+
+        fit('Disabled style for time outside min and max values', fakeAsync(() => {
+            fixture.detectChanges();
+
+            timePicker.minValue = '09:15:10 AM';
+            timePicker.maxValue = '11:15:10 AM';
+            timePicker.itemsDelta = { hours: 1, minutes: 5, seconds: 5 };
+            // timePicker.value = new Date(2018, 11, 27, 4, 50, 0, 0);
+            // timePicker.value.setHours
+
+            const iconTime = dom.queryAll(By.css('.igx-icon'))[0];
+            UIInteractions.simulateClickAndSelectEvent(iconTime);
+            tick();
+            fixture.detectChanges();
+
+            const hourColumn = dom.query(By.css('.igx-time-picker__hourList'));
+            const minuteColumn = dom.query(By.css('.igx-time-picker__minuteList'));
+            const secondColumn = dom.query(By.css('.igx-time-picker__secondList'));
+            const AMPMColumn = dom.query(By.css('.igx-time-picker__ampmList'));
+        }));
     });
 
     describe('Timepicker with outlet', () => {

src/app/time-picker/time-picker.sample.html

@@ -7,7 +7,7 @@
             <h4 class="sample-title">Time Picker with Dropdown</h4>
             <div class="sample-description">{{showDate(date)}}</div>
             <div class="preview" style="width: 280px">
-                <igx-time-picker #tp (onValueChanged)="valueChanged($event)" [minValue]="'9:15:20 AM'" [maxValue]="'9:15:30 PM'"
+                <igx-time-picker #tp (onValueChanged)="valueChanged($event)" [minValue]="'9:15:20 AM'" [maxValue]="'11:15:20 AM'"
                     (onValidationFailed)="validationFailed($event)" [mode]="mode" [isSpinLoop]="isSpinLoop"
                     [(ngModel)]="date" [itemsDelta]="itemsDelta" [format]="format">
                 </igx-time-picker>