Skip to content

Commit 897f495

Browse files
damyanpetevdamyanpetev
committed
test(overlay): fix dynamic component selectors
1 parent c3219d7 commit 897f495

File tree

1 file changed

+25
-25
lines changed

1 file changed

+25
-25
lines changed

‎projects/igniteui-angular/src/lib/services/overlay/overlay.spec.ts‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1337,7 +1337,7 @@ describe('igxOverlay', () => {
13371337
let wrapperElement = shadowRoot.querySelector(`.${CLASS_OVERLAY_WRAPPER}`) as HTMLElement;
13381338
expect(wrapperElement.style.visibility).toEqual('');
13391339

1340-
const componentElement = shadowRoot.querySelector('component') as HTMLElement;
1340+
const componentElement = shadowRoot.querySelector('test-simple-dynamic-component') as HTMLElement;
13411341
const toggledDiv = componentElement.children[0] as HTMLElement;
13421342
toggledDiv.click();
13431343

@@ -1662,10 +1662,10 @@ describe('igxOverlay', () => {
16621662
const contentElement = (fixture.nativeElement as HTMLElement)
16631663
.parentElement.getElementsByClassName(CLASS_OVERLAY_CONTENT)[0] as HTMLElement;
16641664
const componentElement = (fixture.nativeElement as HTMLElement)
1665-
.parentElement.getElementsByTagName('component')[0] as HTMLElement;
1665+
.parentElement.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
16661666
expect(wrapperElement.nodeName).toEqual('DIV');
16671667
expect(contentElement.nodeName).toEqual('DIV');
1668-
expect(componentElement.nodeName).toEqual('COMPONENT');
1668+
expect(componentElement.localName).toEqual('test-simple-dynamic-component');
16691669

16701670
overlay.detachAll();
16711671
}));
@@ -1718,7 +1718,7 @@ describe('igxOverlay', () => {
17181718
overlay.show(overlay.attach(SimpleDynamicComponent));
17191719
tick();
17201720
const componentElement = (fixture.nativeElement as HTMLElement)
1721-
.parentElement.getElementsByTagName('component')[0] as HTMLElement;
1721+
.parentElement.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
17221722
const componentRect = componentElement.getBoundingClientRect();
17231723
expect((window.innerWidth - componentRect.width) / 2).toEqual(componentRect.left);
17241724
expect((window.innerHeight - componentRect.height) / 2).toEqual(componentRect.top);
@@ -1738,8 +1738,8 @@ describe('igxOverlay', () => {
17381738
.parentElement.getElementsByClassName(CLASS_OVERLAY_WRAPPER_MODAL) as HTMLCollectionOf<HTMLElement>;
17391739
const wrapperElement1 = wrapperElements[0];
17401740
const wrapperElement2 = wrapperElements[1];
1741-
const componentElement1 = wrapperElement1.getElementsByTagName('component')[0] as HTMLElement;
1742-
const componentElement2 = wrapperElement2.getElementsByTagName('component')[0] as HTMLElement;
1741+
const componentElement1 = wrapperElement1.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
1742+
const componentElement2 = wrapperElement2.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
17431743
const componentRect1 = componentElement1.getBoundingClientRect();
17441744
const componentRect2 = componentElement2.getBoundingClientRect();
17451745
expect(componentRect1.left).toEqual(componentRect2.left);
@@ -1935,8 +1935,8 @@ describe('igxOverlay', () => {
19351935
.parentElement.getElementsByClassName(CLASS_OVERLAY_WRAPPER_MODAL) as HTMLCollectionOf<HTMLElement>;
19361936
const wrapperElement1 = wrapperElements[0];
19371937
const wrapperElement2 = wrapperElements[1];
1938-
const componentElement1 = wrapperElement1.getElementsByTagName('component')[0] as HTMLElement;
1939-
const componentElement2 = wrapperElement2.getElementsByTagName('component')[0] as HTMLElement;
1938+
const componentElement1 = wrapperElement1.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
1939+
const componentElement2 = wrapperElement2.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
19401940
const componentRect1 = componentElement1.getBoundingClientRect();
19411941
const componentRect2 = componentElement2.getBoundingClientRect();
19421942
expect(componentRect1.left).toEqual(0);
@@ -1975,8 +1975,8 @@ describe('igxOverlay', () => {
19751975
.parentElement.getElementsByClassName(CLASS_OVERLAY_WRAPPER_MODAL) as HTMLCollectionOf<HTMLElement>;
19761976
const wrapperElement1 = wrapperElements[0];
19771977
const wrapperElement2 = wrapperElements[1];
1978-
const componentElement1 = wrapperElement1.getElementsByTagName('component')[0] as HTMLElement;
1979-
const componentElement2 = wrapperElement2.getElementsByTagName('component')[0] as HTMLElement;
1978+
const componentElement1 = wrapperElement1.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
1979+
const componentElement2 = wrapperElement2.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
19801980
const componentRect1 = componentElement1.getBoundingClientRect();
19811981
const componentRect2 = componentElement2.getBoundingClientRect();
19821982
expect(componentRect1.left).toEqual(x - componentRect1.width);
@@ -2336,7 +2336,7 @@ describe('igxOverlay', () => {
23362336
.parentElement.getElementsByClassName(CLASS_OVERLAY_CONTENT)[0] as HTMLElement;
23372337
expect(contentElement.children.length).toEqual(1);
23382338

2339-
const componentElement = contentElement.getElementsByTagName('component')[0];
2339+
const componentElement = contentElement.getElementsByTagName('test-simple-dynamic-component')[0];
23402340
const buttonLeft = buttonElement.offsetLeft;
23412341
const buttonTop = buttonElement.offsetTop;
23422342
const expectedLeft = buttonLeft - componentElement.clientWidth;
@@ -2399,7 +2399,7 @@ describe('igxOverlay', () => {
23992399

24002400
// const targetRect = (overlaySettings.target as HTMLElement).getBoundingClientRect();
24012401
// const componentElement = (fixture.debugElement.nativeElement as HTMLElement)
2402-
// .parentElement.getElementsByTagName('component')[0];
2402+
// .parentElement.getElementsByTagName('test-simple-dynamic-component')[0];
24032403
// const componentRect = componentElement.getBoundingClientRect();
24042404
// const screenRect: ClientRect = {
24052405
// left: 0,
@@ -2569,8 +2569,8 @@ describe('igxOverlay', () => {
25692569
.parentElement.getElementsByClassName(CLASS_OVERLAY_WRAPPER) as HTMLCollectionOf<HTMLElement>;
25702570
const wrapperElement1 = wrapperElements[0];
25712571
const wrapperElement2 = wrapperElements[1];
2572-
const componentElement1 = wrapperElement1.getElementsByTagName('component')[0] as HTMLElement;
2573-
const componentElement2 = wrapperElement2.getElementsByTagName('component')[0] as HTMLElement;
2572+
const componentElement1 = wrapperElement1.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
2573+
const componentElement2 = wrapperElement2.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
25742574
const componentRect1 = componentElement1.getBoundingClientRect();
25752575
const componentRect2 = componentElement2.getBoundingClientRect();
25762576
const buttonRect = button.getBoundingClientRect();
@@ -2618,8 +2618,8 @@ describe('igxOverlay', () => {
26182618
.parentElement.getElementsByClassName(CLASS_OVERLAY_WRAPPER) as HTMLCollectionOf<HTMLElement>;
26192619
const wrapperElement1 = wrapperElements[0];
26202620
const wrapperElement2 = wrapperElements[1];
2621-
const componentElement1 = wrapperElement1.getElementsByTagName('component')[0] as HTMLElement;
2622-
const componentElement2 = wrapperElement2.getElementsByTagName('component')[0] as HTMLElement;
2621+
const componentElement1 = wrapperElement1.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
2622+
const componentElement2 = wrapperElement2.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
26232623
const componentRect1 = componentElement1.getBoundingClientRect();
26242624
const componentRect2 = componentElement2.getBoundingClientRect();
26252625

@@ -3070,8 +3070,8 @@ describe('igxOverlay', () => {
30703070
.parentElement.getElementsByClassName(CLASS_OVERLAY_WRAPPER) as HTMLCollectionOf<HTMLElement>;
30713071
const wrapperElement1 = wrapperElements[0];
30723072
const wrapperElement2 = wrapperElements[1];
3073-
const componentElement1 = wrapperElement1.getElementsByTagName('component')[0] as HTMLElement;
3074-
const componentElement2 = wrapperElement2.getElementsByTagName('component')[0] as HTMLElement;
3073+
const componentElement1 = wrapperElement1.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
3074+
const componentElement2 = wrapperElement2.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
30753075
const componentRect1 = componentElement1.getBoundingClientRect();
30763076
const componentRect2 = componentElement2.getBoundingClientRect();
30773077
expect(componentRect1.left.toFixed(1)).toEqual((buttonRect.left + buttonRect.width / 2).toFixed(1));
@@ -3121,8 +3121,8 @@ describe('igxOverlay', () => {
31213121
.parentElement.getElementsByClassName(CLASS_OVERLAY_WRAPPER) as HTMLCollectionOf<HTMLElement>;
31223122
const wrapperElement1 = wrapperElements[0];
31233123
const wrapperElement2 = wrapperElements[1];
3124-
const componentElement1 = wrapperElement1.getElementsByTagName('component')[0] as HTMLElement;
3125-
const componentElement2 = wrapperElement2.getElementsByTagName('component')[0] as HTMLElement;
3124+
const componentElement1 = wrapperElement1.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
3125+
const componentElement2 = wrapperElement2.getElementsByTagName('test-simple-dynamic-component')[0] as HTMLElement;
31263126
const componentRect1 = componentElement1.getBoundingClientRect();
31273127
const componentRect2 = componentElement2.getBoundingClientRect();
31283128
expect(componentRect1.left).toEqual(buttonRect.left - positionSettings.minSize.width);
@@ -3615,7 +3615,7 @@ describe('igxOverlay', () => {
36153615

36163616
tick();
36173617
const componentElement = (fixture.debugElement.nativeElement as HTMLElement)
3618-
.parentElement.getElementsByTagName('component')[0];
3618+
.parentElement.getElementsByTagName('test-simple-dynamic-component')[0];
36193619
const componentRect = componentElement.getBoundingClientRect();
36203620

36213621
document.documentElement.scrollTop = 100;
@@ -4053,7 +4053,7 @@ describe('igxOverlay', () => {
40534053
overlay.show(overlay.attach(SimpleDynamicComponent, overlaySettings));
40544054
tick();
40554055
const componentElement = (fixture.debugElement.nativeElement as HTMLElement)
4056-
.parentElement.getElementsByTagName('component')[0];
4056+
.parentElement.getElementsByTagName('test-simple-dynamic-component')[0];
40574057
const componentRect = componentElement.getBoundingClientRect();
40584058

40594059
document.documentElement.scrollTop = 100;
@@ -4093,7 +4093,7 @@ describe('igxOverlay', () => {
40934093
overlay.show(overlay.attach(SimpleDynamicComponent, overlaySettings));
40944094
tick();
40954095
const componentElement = (fixture.debugElement.nativeElement as HTMLElement)
4096-
.parentElement.getElementsByTagName('component')[0];
4096+
.parentElement.getElementsByTagName('test-simple-dynamic-component')[0];
40974097
const componentRect = componentElement.getBoundingClientRect();
40984098

40994099
document.documentElement.scrollTop = 40;
@@ -4274,7 +4274,7 @@ describe('igxOverlay', () => {
42744274
expect(document.getElementsByClassName(CLASS_OVERLAY_WRAPPER).length).toEqual(1);
42754275

42764276
const componentElement = (fixture.debugElement.nativeElement as HTMLElement)
4277-
.parentElement.getElementsByTagName('component')[0];
4277+
.parentElement.getElementsByTagName('test-simple-dynamic-component')[0];
42784278
const componentRect = componentElement.getBoundingClientRect();
42794279

42804280
document.documentElement.scrollTop += scrollTolerance;
@@ -4317,7 +4317,7 @@ describe('igxOverlay', () => {
43174317
expect(document.getElementsByClassName(CLASS_OVERLAY_WRAPPER).length).toEqual(1);
43184318

43194319
const componentElement = (fixture.debugElement.nativeElement as HTMLElement)
4320-
.parentElement.getElementsByTagName('component')[0];
4320+
.parentElement.getElementsByTagName('test-simple-dynamic-component')[0];
43214321
const componentRect = componentElement.getBoundingClientRect();
43224322

43234323
document.documentElement.scrollTop += scrollTolerance;

0 commit comments

Comments
 (0)