test(overlay): add unit test for cusror in iOS, #5853

Author: wnvko

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

@@ -188,6 +188,80 @@ describe('igxOverlay', () => {
         UIInteractions.clearOverlay();
     });
 
+    describe('Pure Unit Test', () => {
+        configureTestSuite();
+        const mockElement: any = {
+            style: { visibility: '', cursor: '', transitionDuration: '' },
+            classList: { add: () => { }, remove: () => { } },
+            appendChild: () => { },
+            removeChild: () => { },
+            addEventListener: (type: string, listener: (this: HTMLElement, ev: MouseEvent) => any) => { },
+            removeEventListener: (type: string, listener: (this: HTMLElement, ev: MouseEvent) => any) => { },
+            getBoundingClientRect: () => ({ width: 10, height: 10 }),
+            insertBefore: (newChild: HTMLDivElement, refChild: Node) => { },
+            contains: () => { }
+        };
+        mockElement.parent = mockElement;
+        mockElement.parentElement = mockElement;
+        const mockElementRef: any = { nativeElement: mockElement };
+        const mockFactoryResolver: any = {
+            resolveComponentFactory: (c: any) => {
+                return {
+                    create: (i: any) => {
+                        return {
+                            hostView: '',
+                            location: mockElementRef,
+                            changeDetectorRef: { detectChanges: () => { } },
+                            destroy: () => { }
+                        };
+                    }
+                };
+            }
+        };
+        const mockApplicationRef: any = { attachView: (h: any) => { }, detachView: (h: any) => { } };
+        const mockInjector: any = {};
+        const mockAnimationBuilder: any = {};
+        const mockDocument = {
+            body: mockElement,
+            defaultView: mockElement,
+            createElement: () => mockElement,
+            appendChild: () => { },
+            addEventListener: (type: string, listener: (this: HTMLElement, ev: MouseEvent) => any) => { },
+            removeEventListener: (type: string, listener: (this: HTMLElement, ev: MouseEvent) => any) => { }
+        };
+        const mockNgZone: any = {};
+        const mockPlatformUtil: any = { isIOS: false };
+
+        const overlay = new IgxOverlayService(
+            mockFactoryResolver, mockApplicationRef, mockInjector, mockAnimationBuilder, mockDocument, mockNgZone, mockPlatformUtil);
+
+        it('Should set cursor to pointer on iOS', () => {
+            mockPlatformUtil.isIOS = true;
+            mockDocument.body.style.cursor = 'initialCursorValue';
+
+            const mockOverlaySettings: OverlaySettings = {
+                modal: false,
+                positionStrategy: new GlobalPositionStrategy({ openAnimation: null, closeAnimation: null })
+            };
+            let id = overlay.attach(mockElementRef, mockOverlaySettings);
+
+            overlay.show(id);
+            expect(mockDocument.body.style.cursor).toEqual('pointer');
+
+            overlay.hide(id);
+            expect(mockDocument.body.style.cursor).toEqual('initialCursorValue');
+
+            mockPlatformUtil.isIOS = false;
+            id = overlay.attach(mockElementRef, mockOverlaySettings);
+
+            overlay.show(id);
+            expect(mockDocument.body.style.cursor).toEqual('initialCursorValue');
+
+            overlay.hide(id);
+            expect(mockDocument.body.style.cursor).toEqual('initialCursorValue');
+        });
+    });
+
     describe('Unit Tests: ', () => {
         configureTestSuite();
         beforeEach(async(() => {