Merge branch '8.2.x' into dmdimitrov/issue7343-8.2.x

Author: rkaraivanov

projects/igniteui-angular/karma.azure.grid.conf.js

@@ -36,7 +36,7 @@ module.exports = function (config) {
     },
     reporters: ['junit'],
     junitReporter: {
-        outputDir: ''
+      outputDir: ''
     },
     port: 9876,
     colors: true,

projects/igniteui-angular/karma.azure.non-grid.conf.js

@@ -35,7 +35,7 @@ module.exports = function (config) {
     },
     reporters: ['junit'],
     junitReporter: {
-        outputDir: ''
+      outputDir: ''
     },
     port: 9876,
     colors: true,

projects/igniteui-angular/src/lib/core/styles/components/input/_input-group-theme.scss

@@ -388,7 +388,6 @@
     }
 
     %form-group-display--disabled {
-        pointer-events: none;
         user-select: none;
         color: --var($theme, 'disabled-text-color');
     }

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

@@ -1298,7 +1298,7 @@ describe('IgxDatePicker', () => {
 
             expect(inputDirective.valid).toEqual(IgxInputState.INITIAL);
 
-            inputDirectiveElement.triggerEventHandler('focus', {});
+            inputDirectiveElement.triggerEventHandler('focus', { target: { value: ''}});
             fixture.detectChanges();
 
             expect(inputDirective.valid).toEqual(IgxInputState.INITIAL);

projects/igniteui-angular/src/lib/grids/grid/cell.spec.ts

@@ -14,7 +14,7 @@ describe('IgxGrid - Cell component #grid', () => {
 
     const CELL_CSS_CLASS = '.igx-grid__td';
 
-    beforeEach(async(() => {
+    beforeAll(async(() => {
         TestBed.configureTestingModule({
             declarations: [
                 DefaultGridComponent,

projects/igniteui-angular/src/lib/grids/grid/column-group.spec.ts

@@ -21,7 +21,7 @@ const GRID_COL_THEAD_CLASS = '.igx-grid__th';
 describe('IgxGrid - multi-column headers #grid', () => {
     configureTestSuite();
 
-    beforeEach(async(() => {
+    beforeAll(async(() => {
         TestBed.configureTestingModule({
             declarations: [
                 OneGroupOneColGridComponent,

projects/igniteui-angular/src/lib/grids/grid/column-hiding.spec.ts

@@ -32,7 +32,7 @@ describe('Column Hiding UI #grid', () => {
     const verifyColumnIsHidden = GridFunctions.verifyColumnIsHidden;
     const getColumnHidingButton = GridFunctions.getColumnHidingButton;
 
-    beforeEach(async(() => {
+    beforeAll(async(() => {
         TestBed.configureTestingModule({
             declarations: [
                 ColumnHidingTestComponent,

projects/igniteui-angular/src/lib/grids/grid/column-moving.spec.ts

@@ -28,7 +28,7 @@ describe('IgxGrid - Column Moving #grid', () => {
 
     let fixture, grid: IgxGridComponent;
 
-    beforeEach(async(() => {
+    beforeAll(async(() => {
         TestBed.configureTestingModule({
             declarations: [
                 MovableColumnsComponent,

projects/igniteui-angular/src/lib/grids/grid/column-pinning.spec.ts

@@ -25,7 +25,7 @@ describe('Column Pinning UI #grid', () => {
     const verifyCheckbox = HelperUtils.verifyCheckbox;
     const verifyColumnIsPinned = GridFunctions.verifyColumnIsPinned;
 
-    beforeEach(async(() => {
+    beforeAll(async(() => {
         TestBed.configureTestingModule({
             declarations: [
                 ColumnPinningTestComponent,

projects/igniteui-angular/src/lib/grids/grid/column-resizing.spec.ts

@@ -22,7 +22,7 @@ describe('IgxGrid - Deferred Column Resizing #grid', () => {
     const COLUMN_HEADER_GROUP_CLASS = '.igx-grid__thead-item';
     const COLUMN_FILTER_CELL_SELECTOR = 'igx-grid-filtering-cell';
 
-    beforeEach(async(() => {
+    beforeAll(async(() => {
         TestBed.configureTestingModule({
             declarations: [
                 ResizableColumnsComponent,