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

refactor(hierarchicalgrid): test refactoring, typos - master

Author: kdinev

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

@@ -4659,7 +4659,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;
     }
 
     /**
@@ -4752,7 +4752,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) {
@@ -4783,7 +4783,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 &&
@@ -4874,7 +4874,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();
@@ -4890,7 +4890,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();
         }
@@ -4913,7 +4913,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';
@@ -4955,7 +4955,7 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
         let width = this.isPercentWidth ?
             this.calcWidth :
             parseInt(this.width, 10) || parseInt(this.hostWidth, 10) || this.calcWidth;
-        if (this.hasVerticalSroll() && !this.isPercentWidth) {
+        if (this.hasVerticalScroll() && !this.isPercentWidth) {
             width -= this.scrollWidth;
         }
         if (this.pinning.columns === ColumnPinningPosition.End) {

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

@@ -95,7 +95,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">
@@ -196,7 +196,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">
         <div class="igx-grid__tbody-scrollbar-start" [style.height.px]=' isRowPinningToTop ? pinnedRowHeight : 0'></div>
         <div class="igx-grid__tbody-scrollbar-main" [style.height.px]='calcHeight'>
             <ng-template igxGridFor [igxGridForOf]='[]' #verticalScrollHolder></ng-template>
@@ -212,7 +212,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

@@ -78,7 +78,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">
@@ -130,7 +130,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>
@@ -143,7 +143,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>