Merge pull request #7041 from IgniteUI/sstoychev/ref-int-tests-90

refactor(hierarchicalgrid): test refactoring, typos - 9.0

Author: ChronosSF

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -4365,7 +4365,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
      * @hidden @internal
      */
     public get outerWidth() {
-        return this.hasVerticalSroll() ? this.calcWidth + this.scrollWidth : this.calcWidth;
+        return this.hasVerticalScroll() ? this.calcWidth + this.scrollWidth : this.calcWidth;
     }
 
     /**
@@ -4458,7 +4458,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
             width = this.getColumnWidthSum();
         }
 
-        if (this.hasVerticalSroll() && this.width !== null) {
+        if (this.hasVerticalScroll() && this.width !== null) {
             width -= this.scrollWidth;
         }
         if ((Number.isFinite(width) || width === null) && width !== this.calcWidth) {
@@ -4489,7 +4489,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
     /**
      * @hidden @internal
      */
-    public hasVerticalSroll() {
+    public hasVerticalScroll() {
         if (this._init) { return false; }
         const isScrollable = this.verticalScrollContainer ? this.verticalScrollContainer.isScrollable() : false;
         return !!(this.calcWidth && this.dataView &&
@@ -4577,7 +4577,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
         */
         this.resetCaches(recalcFeatureWidth);
         this.cdr.detectChanges();
-        const hasScroll = this.hasVerticalSroll();
+        const hasScroll = this.hasVerticalScroll();
         this.calculateGridWidth();
         this.resetCaches(recalcFeatureWidth);
         this.cdr.detectChanges();
@@ -4593,7 +4593,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
 
         this.cdr.detectChanges();
         // in case scrollbar has appeared recalc to size correctly.
-        if (hasScroll !== this.hasVerticalSroll()) {
+        if (hasScroll !== this.hasVerticalScroll()) {
             this.calculateGridWidth();
             this.cdr.detectChanges();
         }
@@ -4616,7 +4616,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
         let width = this._width;
         if (width === null) {
             let currentWidth = this.calcWidth;
-            if (this.hasVerticalSroll()) {
+            if (this.hasVerticalScroll()) {
                 currentWidth += this.scrollWidth;
             }
             width = currentWidth + 'px';
@@ -4655,8 +4655,8 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
     protected getUnpinnedWidth(takeHidden = false) {
         let width = this.isPercentWidth ?
             this.calcWidth :
-            parseInt(this.width, 10) ||  parseInt(this.hostWidth, 10) || this.calcWidth;
-        if (this.hasVerticalSroll() && !this.isPercentWidth) {
+            parseInt(this.width, 10) || parseInt(this.hostWidth, 10) || this.calcWidth;
+        if (this.hasVerticalScroll() && !this.isPercentWidth) {
             width -= this.scrollWidth;
         }
         return width - this.getPinnedWidth(takeHidden);

projects/igniteui-angular/src/lib/grids/grid/grid.component.html

@@ -89,7 +89,7 @@
     </div>
     <span *ngIf="hasMovableColumns && draggedColumn" [igxColumnMovingDrop]="headerContainer" [attr.droppable]="true"
         id="right" class="igx-grid__scroll-on-drag-right"></span>
-    <div class="igx-grid__thead-thumb" [hidden]='!hasVerticalSroll()' [style.width.px]="scrollWidth"></div>
+    <div class="igx-grid__thead-thumb" [hidden]='!hasVerticalScroll()' [style.width.px]="scrollWidth"></div>
 </div>
 
 <div igxGridBody (keydown.control.c)="copyHandlerIE()" (copy)="copyHandler($event)" class="igx-grid__tbody">
@@ -164,7 +164,7 @@
     </div>
     <span *ngIf="hasMovableColumns && draggedColumn" [igxColumnMovingDrop]="headerContainer" [attr.droppable]="true"
         id="right" class="igx-grid__scroll-on-drag-right"></span>
-    <div [hidden]='!hasVerticalSroll()' class="igx-grid__tbody-scrollbar" [style.width.px]="scrollWidth"
+    <div [hidden]='!hasVerticalScroll()' class="igx-grid__tbody-scrollbar" [style.width.px]="scrollWidth"
         [style.height.px]='calcHeight'>
         <ng-template igxGridFor [igxGridForOf]='[]' #verticalScrollHolder></ng-template>
     </div>
@@ -177,7 +177,7 @@
         [summaries]="id | igxGridSummaryDataPipe:summaryService.retriggerRootPipe" [index]="0"
         class="igx-grid__summaries" #summaryRow>
     </igx-grid-summary-row>
-    <div class="igx-grid__tfoot-thumb" [hidden]='!hasVerticalSroll()' [style.height.px]='summariesHeight'
+    <div class="igx-grid__tfoot-thumb" [hidden]='!hasVerticalScroll()' [style.height.px]='summariesHeight'
         [style.width.px]="scrollWidth"></div>
 </div>
 

projects/igniteui-angular/src/lib/grids/grid/grid.multi-row-layout.spec.ts

@@ -1079,7 +1079,7 @@ describe('IgxGrid - multi-row-layout #grid', () => {
 
         const rows = fixture.debugElement.query(By.css('.igx-grid__tbody')).queryAll(By.css('igx-grid-row'));
         expect(rows.length).toEqual(4);
-        expect(grid.hasVerticalSroll()).toBeTruthy();
+        expect(grid.hasVerticalScroll()).toBeTruthy();
 
         const verticalVirt = grid.verticalScrollContainer;
 

projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.component.html

@@ -67,7 +67,7 @@
     </div>
     <span *ngIf="hasMovableColumns && draggedColumn" [igxColumnMovingDrop]="headerContainer" [attr.droppable]="true"
         id="right" class="igx-grid__scroll-on-drag-right"></span>
-    <div class="igx-grid__thead-thumb" [hidden]='!hasVerticalSroll()' [style.width.px]="scrollWidth"></div>
+    <div class="igx-grid__thead-thumb" [hidden]='!hasVerticalScroll()' [style.width.px]="scrollWidth"></div>
 </div>
 
 <div igxGridBody (keydown.control.c)="copyHandlerIE()" (copy)="copyHandler($event)" class="igx-grid__tbody">
@@ -119,7 +119,7 @@
     </div>
     <span *ngIf="hasMovableColumns && draggedColumn" [igxColumnMovingDrop]="headerContainer" [attr.droppable]="true"
         id="right" class="igx-grid__scroll-on-drag-right"></span>
-    <div [hidden]='!hasVerticalSroll()' class="igx-grid__tbody-scrollbar" [style.width.px]="scrollWidth"
+    <div [hidden]='!hasVerticalScroll()' class="igx-grid__tbody-scrollbar" [style.width.px]="scrollWidth"
         [style.height.px]='calcHeight'>
         <ng-template igxGridFor [igxGridForOf]='[]' #verticalScrollHolder></ng-template>
     </div>
@@ -132,7 +132,7 @@
         [summaries]="id | igxGridSummaryDataPipe:summaryService.retriggerRootPipe" [index]="0"
         class="igx-grid__summaries" #summaryRow>
     </igx-grid-summary-row>
-    <div class="igx-grid__tfoot-thumb" [hidden]='!hasVerticalSroll()' [style.height.px]='summariesHeight'
+    <div class="igx-grid__tfoot-thumb" [hidden]='!hasVerticalScroll()' [style.height.px]='summariesHeight'
         [style.width.px]="scrollWidth"></div>
 </div>