Skip to content

Commit 105baa0

Browse files
MKirovaMayaKirova
MKirova
authored and
MayaKirova
committed
chore(*): Removing duplicated functions and using the ones from the test utils.
1 parent d6a78ed commit 105baa0

File tree

4 files changed

+69
-131
lines changed

4 files changed

+69
-131
lines changed

‎projects/igniteui-angular/src/lib/chips/chip.spec.ts

Lines changed: 4 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ import { IgxConnectorDirective } from './connector.directive';
1414
import { IgxLabelDirective } from './../directives/label/label.directive';
1515
import { IgxSuffixDirective } from './../directives/suffix/suffix.directive';
1616
import { DisplayDensity } from 'dist/igniteui-angular/lib/core/utils';
17+
import { UIInteractions} from '../test-utils/ui-interactions.spec';
1718

1819
@Component({
1920
template: `
@@ -81,22 +82,6 @@ describe('IgxChip', () => {
8182
const CHIP_ITEM_AREA = 'igx-chip__item';
8283
const CHIP_CONNECTOR = 'igx-chip__connector';
8384

84-
function simulatePointerEvent(eventName: string, element, x, y) {
85-
const options: PointerEventInit = {
86-
view: window,
87-
bubbles: true,
88-
cancelable: true,
89-
pointerId: 1
90-
};
91-
const pointerEvent = new PointerEvent(eventName, options);
92-
Object.defineProperty(pointerEvent, 'pageX', { value: x, enumerable: true });
93-
Object.defineProperty(pointerEvent, 'pageY', { value: y, enumerable: true });
94-
return new Promise((resolve, reject) => {
95-
element.dispatchEvent(pointerEvent);
96-
resolve();
97-
});
98-
}
99-
10085
beforeEach(async(() => {
10186
TestBed.configureTestingModule({
10287
declarations: [
@@ -416,12 +401,12 @@ describe('IgxChip', () => {
416401
const startingX = (startingLeft + startingRight) / 2;
417402
const startingY = (startingTop + startingBottom) / 2;
418403

419-
simulatePointerEvent('pointerdown', thirdChipElem, startingX, startingY);
404+
UIInteractions.simulatePointerEvent('pointerdown', thirdChipElem, startingX, startingY);
420405
fix.detectChanges();
421406

422407
fix.whenStable().then(() => {
423408
fix.detectChanges();
424-
simulatePointerEvent('pointermove', thirdChipElem, startingX + 10, startingY + 10);
409+
UIInteractions.simulatePointerEvent('pointermove', thirdChipElem, startingX + 10, startingY + 10);
425410

426411
return fix.whenStable();
427412
}).then(() => {
@@ -432,7 +417,7 @@ describe('IgxChip', () => {
432417
return fix.whenStable();
433418
}).then(() => {
434419
fix.detectChanges();
435-
simulatePointerEvent('pointerup', thirdChip.dragDir['_dragGhost'], startingX + 10, startingY + 10);
420+
UIInteractions.simulatePointerEvent('pointerup', thirdChip.dragDir['_dragGhost'], startingX + 10, startingY + 10);
436421

437422
done();
438423
});

‎projects/igniteui-angular/src/lib/chips/chips-area.spec.ts

Lines changed: 35 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ import { IgxIconModule } from '../icon/index';
1010
import { IgxChipsModule } from './chips.module';
1111
import { IgxChipComponent } from './chip.component';
1212
import { IgxChipsAreaComponent } from './chips-area.component';
13+
import { UIInteractions} from '../test-utils/ui-interactions.spec';
1314

1415
@Component({
1516
template: `
@@ -133,22 +134,6 @@ describe('IgxChipsArea', () => {
133134
}).compileComponents();
134135
}));
135136

136-
function simulatePointerEvent(eventName: string, element, x, y) {
137-
const options: PointerEventInit = {
138-
view: window,
139-
bubbles: true,
140-
cancelable: true,
141-
pointerId: 1
142-
};
143-
const pointerEvent = new PointerEvent(eventName, options);
144-
Object.defineProperty(pointerEvent, 'pageX', { value: x, enumerable: true });
145-
Object.defineProperty(pointerEvent, 'pageY', { value: y, enumerable: true });
146-
return new Promise((resolve, reject) => {
147-
element.dispatchEvent(pointerEvent);
148-
resolve();
149-
});
150-
}
151-
152137
it('should add chips when adding data items ', () => {
153138
const fix = TestBed.createComponent(TestChipComponent);
154139
fix.detectChanges();
@@ -212,12 +197,12 @@ describe('IgxChipsArea', () => {
212197
const startingX = (startingLeft + startingRight) / 2;
213198
const startingY = (startingTop + startingBottom) / 2;
214199

215-
simulatePointerEvent('pointerdown', firstChipElem, startingX, startingY);
200+
UIInteractions.simulatePointerEvent('pointerdown', firstChipElem, startingX, startingY);
216201
fix.detectChanges();
217202

218203
fix.whenStable().then(() => {
219204
fix.detectChanges();
220-
simulatePointerEvent('pointermove', firstChipElem, startingX + 10, startingY + 10);
205+
UIInteractions.simulatePointerEvent('pointermove', firstChipElem, startingX + 10, startingY + 10);
221206

222207
return fix.whenStable();
223208
}).then(() => {
@@ -247,17 +232,17 @@ describe('IgxChipsArea', () => {
247232
const startingX = (startingLeft + startingRight) / 2;
248233
const startingY = (startingTop + startingBottom) / 2;
249234

250-
simulatePointerEvent('pointerdown', secondChipElem, startingX, startingY);
235+
UIInteractions.simulatePointerEvent('pointerdown', secondChipElem, startingX, startingY);
251236
fix.detectChanges();
252237

253238
fix.whenStable().then(() => {
254239
fix.detectChanges();
255-
simulatePointerEvent('pointermove', secondChipElem, startingX + 10, startingY + 10);
240+
UIInteractions.simulatePointerEvent('pointermove', secondChipElem, startingX + 10, startingY + 10);
256241

257242
return fix.whenStable();
258243
}).then(() => {
259244
fix.detectChanges();
260-
simulatePointerEvent('pointermove', secondChip.dragDir['_dragGhost'], startingX + xDragDifference, startingY + yDragDifference);
245+
UIInteractions.simulatePointerEvent('pointermove', secondChip.dragDir['_dragGhost'], startingX + xDragDifference, startingY + yDragDifference);
261246

262247
setTimeout(() => {
263248
const afterDragTop = secondChip.dragDir['_dragGhost'].getBoundingClientRect().top;
@@ -287,17 +272,17 @@ describe('IgxChipsArea', () => {
287272
const startingX = (startingLeft + startingRight) / 2;
288273
const startingY = (startingTop + startingBottom) / 2;
289274

290-
simulatePointerEvent('pointerdown', secondChipElem, startingX, startingY);
275+
UIInteractions.simulatePointerEvent('pointerdown', secondChipElem, startingX, startingY);
291276
fix.detectChanges();
292277

293278
fix.whenStable().then(() => {
294279
fix.detectChanges();
295-
simulatePointerEvent('pointermove', secondChipElem, startingX + 10, startingY + 10);
280+
UIInteractions.simulatePointerEvent('pointermove', secondChipElem, startingX + 10, startingY + 10);
296281

297282
return fix.whenStable();
298283
}).then(() => {
299284
fix.detectChanges();
300-
simulatePointerEvent('pointermove', secondChip.dragDir['_dragGhost'], startingX + xDragDifference, startingY + yDragDifference);
285+
UIInteractions.simulatePointerEvent('pointermove', secondChip.dragDir['_dragGhost'], startingX + xDragDifference, startingY + yDragDifference);
301286
fix.detectChanges();
302287

303288
setTimeout(() => {
@@ -330,23 +315,23 @@ describe('IgxChipsArea', () => {
330315

331316
const firstChip = chipComponents[0];
332317

333-
simulatePointerEvent('pointerdown', secondChipElem, startingX, startingY);
318+
UIInteractions.simulatePointerEvent('pointerdown', secondChipElem, startingX, startingY);
334319
fix.detectChanges();
335320

336321
fix.whenStable().then(() => {
337322
fix.detectChanges();
338-
simulatePointerEvent('pointermove', secondChipElem, startingX + 10, startingY + 10);
323+
UIInteractions.simulatePointerEvent('pointermove', secondChipElem, startingX + 10, startingY + 10);
339324

340325
return fix.whenStable();
341326
}).then(() => {
342327
fix.detectChanges();
343-
simulatePointerEvent('pointermove', secondChip.dragDir['_dragGhost'], startingX + xDragDifference, startingY + yDragDifference);
328+
UIInteractions.simulatePointerEvent('pointermove', secondChip.dragDir['_dragGhost'], startingX + xDragDifference, startingY + yDragDifference);
344329
fix.detectChanges();
345330

346331
return fix.whenRenderingDone();
347332
}).then(() => {
348333
expect(firstChip.nativeElement.children[1].style.visibility).toEqual('hidden');
349-
simulatePointerEvent('pointerup', secondChip.dragDir['_dragGhost'], startingX + xDragDifference, startingY + yDragDifference);
334+
UIInteractions.simulatePointerEvent('pointerup', secondChip.dragDir['_dragGhost'], startingX + xDragDifference, startingY + yDragDifference);
350335
return fix.whenRenderingDone();
351336
}).then(() => {
352337
expect(firstChip.nativeElement.children[1].style.visibility).toEqual('visible');
@@ -385,22 +370,22 @@ describe('IgxChipsArea', () => {
385370
const secondChipX = (secondChipLeft + secondChipRight) / 2;
386371
const secondChipY = (secondChipTop + secondChipBottom) / 2;
387372

388-
simulatePointerEvent('pointerdown', firstChipElem, firstChipX, firstChipY);
373+
UIInteractions.simulatePointerEvent('pointerdown', firstChipElem, firstChipX, firstChipY);
389374
fix.detectChanges();
390375

391376
fix.whenStable().then(() => {
392377
fix.detectChanges();
393-
simulatePointerEvent('pointermove', firstChipElem, firstChipX + 10, firstChipY + 10);
378+
UIInteractions.simulatePointerEvent('pointermove', firstChipElem, firstChipX + 10, firstChipY + 10);
394379

395380
return fix.whenStable();
396381
}).then(() => {
397382
fix.detectChanges();
398-
simulatePointerEvent('pointermove', firstChip.dragDir['_dragGhost'], secondChipX, secondChipY);
383+
UIInteractions.simulatePointerEvent('pointermove', firstChip.dragDir['_dragGhost'], secondChipX, secondChipY);
399384
fix.detectChanges();
400385

401386
return fix.whenRenderingDone();
402387
}).then(() => {
403-
simulatePointerEvent('pointerup', firstChip.dragDir['_dragGhost'], secondChipX, secondChipY);
388+
UIInteractions.simulatePointerEvent('pointerup', firstChip.dragDir['_dragGhost'], secondChipX, secondChipY);
404389
return fix.whenRenderingDone();
405390
}).then(() => {
406391
setTimeout(() => {
@@ -445,22 +430,22 @@ describe('IgxChipsArea', () => {
445430
const secondChipX = (secondChipLeft + secondChipRight) / 2;
446431
const secondChipY = (secondChipTop + secondChipBottom) / 2;
447432

448-
simulatePointerEvent('pointerdown', secondChipElem, secondChipX, secondChipY);
433+
UIInteractions.simulatePointerEvent('pointerdown', secondChipElem, secondChipX, secondChipY);
449434
fix.detectChanges();
450435

451436
fix.whenStable().then(() => {
452437
fix.detectChanges();
453-
simulatePointerEvent('pointermove', secondChipElem, secondChipX + 10, secondChipY + 10);
438+
UIInteractions.simulatePointerEvent('pointermove', secondChipElem, secondChipX + 10, secondChipY + 10);
454439

455440
return fix.whenStable();
456441
}).then(() => {
457442
fix.detectChanges();
458-
simulatePointerEvent('pointermove', secondChip.dragDir['_dragGhost'], firstChipX, firstChipY);
443+
UIInteractions.simulatePointerEvent('pointermove', secondChip.dragDir['_dragGhost'], firstChipX, firstChipY);
459444
fix.detectChanges();
460445

461446
return fix.whenRenderingDone();
462447
}).then(() => {
463-
simulatePointerEvent('pointerup', secondChip.dragDir['_dragGhost'], firstChipX, firstChipY);
448+
UIInteractions.simulatePointerEvent('pointerup', secondChip.dragDir['_dragGhost'], firstChipX, firstChipY);
464449
return fix.whenRenderingDone();
465450
}).then(() => {
466451
setTimeout(() => {
@@ -858,20 +843,30 @@ describe('IgxChipsArea', () => {
858843

859844
expect(secondChip.selected).toBeTruthy();
860845

861-
simulatePointerEvent('pointerdown', secondChipElem, startingX, startingY);
846+
UIInteractions.simulatePointerEvent('pointerdown', secondChipElem, startingX, startingY);
862847
fix.detectChanges();
863848

864849
fix.whenStable().then(() => {
865-
simulatePointerEvent('pointermove', secondChipElem, startingX + 10, startingY + 10);
850+
UIInteractions.simulatePointerEvent('pointermove', secondChipElem, startingX + 10, startingY + 10);
866851

867852
return fix.whenStable();
868853
}).then(() => {
869854
fix.detectChanges();
870-
simulatePointerEvent('pointermove', secondChip.dragDir['_dragGhost'], startingX + xDragDifference, startingY + yDragDifference);
855+
UIInteractions.simulatePointerEvent(
856+
'pointermove',
857+
secondChip.dragDir['_dragGhost'],
858+
startingX + xDragDifference,
859+
startingY + yDragDifference
860+
);
871861

872862
expect(secondChip.selected).toBeTruthy();
873863

874-
simulatePointerEvent('pointerup', secondChip.dragDir['_dragGhost'], startingX + xDragDifference, startingY + yDragDifference);
864+
UIInteractions.simulatePointerEvent(
865+
'pointerup',
866+
secondChip.dragDir['_dragGhost'],
867+
startingX + xDragDifference,
868+
startingY + yDragDifference
869+
);
875870
fix.detectChanges();
876871
return fix.whenStable();
877872
})

‎projects/igniteui-angular/src/lib/grid/grid-selection.spec.ts

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import { IgxColumnComponent } from './column.component';
1111
import { IgxGridComponent } from './grid.component';
1212
import { IgxGridModule } from './index';
1313
import { IgxStringFilteringOperand } from '../../public_api';
14+
import { UIInteractions} from '../test-utils/ui-interactions.spec';
1415

1516
const selectedCellClass = '.igx-grid__td--selected';
1617
let data = [
@@ -26,19 +27,6 @@ let data = [
2627
{ ID: 10, Name: 'Eduardo Ramirez', JobTitle: 'Manager', HireDate: '2011-11-28T11:23:17.714Z' }
2728
];
2829

29-
function simulateKeyDown(element, key) {
30-
const keyOptions: KeyboardEventInit = {
31-
key
32-
};
33-
34-
const keypressEvent = new KeyboardEvent('keydown', keyOptions);
35-
36-
return new Promise((resolve, reject) => {
37-
element.dispatchEvent(keypressEvent);
38-
resolve();
39-
});
40-
}
41-
4230
describe('IgxGrid - Row Selection', () => {
4331

4432
beforeEach(async(() => {
@@ -202,7 +190,7 @@ describe('IgxGrid - Row Selection', () => {
202190
fix.detectChanges();
203191
expect(targetCell.focused).toEqual(true);
204192
const targetCellDebugElement = fix.debugElement.query(By.css('.igx-grid__td--selected'));
205-
simulateKeyDown(targetCellElement, 'ArrowDown').then(() => {
193+
UIInteractions.simulateKeyDownEvent(targetCellElement, 'ArrowDown').then(() => {
206194
setTimeout(() => {
207195
fix.whenStable().then(() => {
208196
fix.detectChanges();

0 commit comments

Comments
 (0)