test(date-picker): Add test select all text #5658

Author: IvayloG

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

@@ -8,7 +8,7 @@ import { IgxLabelDirective } from '../directives/label/label.directive';
 import { IgxInputDirective } from '../directives/input/input.directive';
 import { UIInteractions, wait } from '../test-utils/ui-interactions.spec';
 import { IgxInputGroupModule } from '../input-group';
-
+import { IgxTextSelectionModule } from '../directives/text-selection/text-selection.directive';
 import { configureTestSuite } from '../test-utils/configure-suite';
 import { DateRangeType } from 'igniteui-angular';
 import { IgxButtonModule } from '../directives/button/button.directive';
@@ -32,7 +32,8 @@ describe('IgxDatePicker', () => {
                 IgxDropDownDatePickerRetemplatedComponent,
                 IgxDatePickerOpeningComponent
             ],
-            imports: [IgxDatePickerModule, FormsModule, NoopAnimationsModule, IgxInputGroupModule, IgxCalendarModule, IgxButtonModule]
+            imports: [IgxDatePickerModule, FormsModule, NoopAnimationsModule, IgxInputGroupModule, IgxCalendarModule,
+                        IgxButtonModule, IgxTextSelectionModule]
         })
             .compileComponents();
     }));
@@ -1089,6 +1090,29 @@ describe('IgxDatePicker', () => {
             expect(instance.getEditElement()).toBe(editElement);
         });
     });
+
+    describe('Drop-down mode select all text on focus', () => {
+        let fixture: ComponentFixture<IgxDatePickerOpeningComponent>;
+        let datePicker: IgxDatePickerComponent;
+
+        beforeEach(() => {
+            fixture = TestBed.createComponent(IgxDatePickerOpeningComponent);
+            datePicker = fixture.componentInstance.datePicker;
+            fixture.detectChanges();
+        });
+
+        it('Should select all input text on input focus', async () => {
+            const input = fixture.debugElement.query(By.directive(IgxInputDirective)).nativeElement;
+            input.focus();
+            fixture.detectChanges();
+            await wait(100);
+
+            expect(input).toEqual(document.activeElement);
+            expect(input.selectionEnd).toEqual(input.value.length);
+            expect(input.selectionStart).toEqual(0);
+            expect(input.value.substring(input.selectionStart, input.selectionEnd)).toEqual(input.value);
+        });
+    });
 });
 
 @Component({
@@ -1228,9 +1252,10 @@ export class IgxDatePickerCustomizedComponent {
 @Component({
     template:
         `
-        <igx-date-picker mode="dropdown"></igx-date-picker>
+        <igx-date-picker mode="dropdown" [value]="date"></igx-date-picker>
         `
 })
 export class IgxDatePickerOpeningComponent {
     @ViewChild(IgxDatePickerComponent, { static: true }) public datePicker: IgxDatePickerComponent;
+    public date = new Date(2017, 7, 7);
 }