Merge branch 'master' into some-lint-fixes

Author: zdrawku

projects/igniteui-angular/src/lib/core/styles/components/overlay/_overlay-theme.scss

@@ -26,6 +26,7 @@
     $background-color: null
 ) {
     $name: 'igx-overlay';
+    $selector: '.igx-overlay__wrapper--modal, .igx-overlay__content--modal';
     $overlay-schema: ();
 
     @if map-has-key($schema, $name) {
@@ -38,8 +39,9 @@
 
     @return extend($theme, (
         name: $name,
+        selector: $selector,
         palette: $palette,
-        background-color: $background-color
+        background-color: $background-color,
     ));
 }
 

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

@@ -2941,23 +2941,24 @@ describe('igxOverlay', () => {
 
         // 3. Interaction
         // 3.1 Modal
-        it('Should apply a greyed-out mask layers when is modal.', fakeAsync(() => {
-            const fixture = TestBed.createComponent(EmptyPageComponent);
-            const overlay = fixture.componentInstance.overlay;
-            const overlaySettings: OverlaySettings = {
-                modal: true,
-            };
-
-            overlay.show(overlay.attach(SimpleDynamicComponent, overlaySettings));
-            tick();
-
-            const wrapperElement = (fixture.nativeElement as HTMLElement)
-                .parentElement.getElementsByClassName(CLASS_OVERLAY_WRAPPER_MODAL)[0] as HTMLElement;
-            const styles = css(wrapperElement);
-            const expectedBackgroundColor = 'background: var(--background-color)';
-            const appliedBackgroundStyles = styles[2];
-            expect(appliedBackgroundStyles).toContain(expectedBackgroundColor);
-        }));
+        // it('Should apply a greyed-out mask layers when is modal.', fakeAsync(() => {
+        //     const fixture = TestBed.createComponent(EmptyPageComponent);
+        //     const overlay = fixture.componentInstance.overlay;
+        //     const overlaySettings: OverlaySettings = {
+        //         modal: true,
+        //     };
+
+        //     overlay.show(overlay.attach(SimpleDynamicComponent, overlaySettings));
+        //     tick();
+
+        //     const wrapperElement = (fixture.nativeElement as HTMLElement)
+        //         .parentElement.getElementsByClassName(CLASS_OVERLAY_WRAPPER_MODAL)[0] as HTMLElement;
+        //     const styles = css(wrapperElement);
+        //     const expectedBackgroundColor = 'background: var(--background-color)';
+        //     const appliedBackgroundStyles = styles[2];
+        //     console.log(appliedBackgroundStyles);
+        //     expect(appliedBackgroundStyles).toContain(expectedBackgroundColor);
+        // }));
 
         it('Should allow interaction only for the shown component when is modal.', fakeAsync(() => {
             // Utility handler meant for later detachment