Fix(e2e): various fixes, mostly track by col.uid

Includes adding track by col.uid to footer, and changing e2e test library
to use that in all areas.

Filtering now has a date filter added, which changes which rows are returned,
adjust tests appropriately.

401 all features now has grouping enabled, there are more menu items to check
for.

Author: PaulL1

misc/tutorial/103_filtering.ngdoc

@@ -139,8 +139,7 @@ Refer {@link 321_singleFilter singleFilter tutorial}, it is possible to implemen
           { field: 'age', filters: [
             {
               condition: uiGridConstants.filter.GREATER_THAN,
-              placeholder: 'greater than',
-              term: 30
+              placeholder: 'greater than'
             },
             {
               condition: uiGridConstants.filter.LESS_THAN,
@@ -206,14 +205,14 @@ Refer {@link 321_singleFilter singleFilter tutorial}, it is possible to implemen
       width: 650px;
       height: 400px;
     }
-    
+
     .header-filtered {
       color: blue;
     }
   </file>
   <file name="scenario.js">
     var gridTestUtils = require('../../test/e2e/gridTestUtils.spec.js');
-    
+
     describe('first grid on the page, filtered by male by default', function() {
       it('grid should have seven visible columns', function () {
         gridTestUtils.expectHeaderColumnCount( 'grid1', 7 );
@@ -232,15 +231,17 @@ Refer {@link 321_singleFilter singleFilter tutorial}, it is possible to implemen
       it('third row should be Hatfield Hudson - will be Terry Clay if filtering broken', function () {
         gridTestUtils.expectCellValueMatch( 'grid1', 2, 0, 'Hatfield Hudson' );
       });
-      
-      it('cancel filter on gender column, should now see Bishop Carr in third row', function() {
-        gridTestUtils.cancelFilterInColumn( 'grid1', 1 );        
+
+      it('cancel filter on gender column and on date column, should now see Bishop Carr in third row', function() {
+        gridTestUtils.cancelFilterInColumn( 'grid1', 1 );
+        gridTestUtils.cancelFilterInColumn( 'grid1', 6 );
         gridTestUtils.expectCellValueMatch( 'grid1', 2, 0, 'Bishop Carr' );
       });
 
       it('filter on email column, should automatically do "ends with"', function() {
-        gridTestUtils.cancelFilterInColumn( 'grid1', 1 );        
-        gridTestUtils.enterFilterInColumn( 'grid1', 3, 'digirang.com' );        
+        gridTestUtils.cancelFilterInColumn( 'grid1', 1 );
+        gridTestUtils.cancelFilterInColumn( 'grid1', 6 );
+        gridTestUtils.enterFilterInColumn( 'grid1', 3, 'digirang.com' );
         gridTestUtils.expectRowCount( 'grid1', 2 );
       });
     });

misc/tutorial/401_AllFeatures.ngdoc

@@ -109,7 +109,7 @@ All features are enabled to get an idea of performance
         it('should not duplicate the menu options for pinning when resizing a column', function () {
           element( by.id('refreshButton') ).click();
           gridTestUtils.resizeHeaderCell( 'grid1', 1 );
-          gridTestUtils.expectVisibleColumnMenuItems( 'grid1', 1, 5);
+          gridTestUtils.expectVisibleColumnMenuItems( 'grid1', 1, 11);
         });
       });
   </file>

src/templates/ui-grid/ui-grid-footer.html

@@ -3,7 +3,7 @@
     <div class="ui-grid-footer-canvas">
       <div class="ui-grid-footer-cell-wrapper" ng-style="colContainer.headerCellWrapperStyle()">
         <div class="ui-grid-footer-cell-row">
-          <div ng-repeat="col in colContainer.renderedColumns track by col.colDef.name" ui-grid-footer-cell col="col" render-index="$index" class="ui-grid-footer-cell ui-grid-clearfix"></div>
+          <div ng-repeat="col in colContainer.renderedColumns track by col.uid" ui-grid-footer-cell col="col" render-index="$index" class="ui-grid-footer-cell ui-grid-clearfix"></div>
         </div>
       </div>
     </div>

test/e2e/gridTestUtils.spec.js

@@ -112,7 +112,7 @@ module.exports = {
   *
   */
   expectHeaderColumnCount: function( gridId, expectedNumCols ) {
-    var headerCols = this.getGrid( gridId ).element( by.css('.ui-grid-render-container-body')).element( by.css('.ui-grid-header') ).all( by.repeater('col in colContainer.renderedColumns track by col.colDef.name') );
+    var headerCols = this.getGrid( gridId ).element( by.css('.ui-grid-render-container-body')).element( by.css('.ui-grid-header') ).all( by.repeater('col in colContainer.renderedColumns track by col.uid') );
     expect(headerCols.count()).toEqual(expectedNumCols);
   },
 
@@ -132,7 +132,7 @@ module.exports = {
   *
   */
   expectHeaderLeftColumnCount: function( gridId, expectedNumCols ) {
-    var headerCols = this.getGrid( gridId ).element( by.css('.ui-grid-render-container-left')).element( by.css('.ui-grid-header') ).all( by.repeater('col in colContainer.renderedColumns track by col.colDef.name') );
+    var headerCols = this.getGrid( gridId ).element( by.css('.ui-grid-render-container-left')).element( by.css('.ui-grid-header') ).all( by.repeater('col in colContainer.renderedColumns track by col.uid') );
     expect(headerCols.count()).toEqual(expectedNumCols);
   },
 
@@ -152,7 +152,7 @@ module.exports = {
   *
   */
   expectFooterColumnCount: function( gridId, expectedNumCols ) {
-    var footerCols = this.getGrid( gridId ).element( by.css('.ui-grid-footer') ).all( by.repeater('col in colContainer.renderedColumns track by col.colDef.name') );
+    var footerCols = this.getGrid( gridId ).element( by.css('.ui-grid-footer') ).all( by.repeater('col in colContainer.renderedColumns track by col.uid') );
     expect(footerCols.count()).toEqual(expectedNumCols);
   },
 
@@ -173,7 +173,7 @@ module.exports = {
   *
   */
   headerCell: function( gridId, expectedCol, expectedValue ) {
-    return this.getGrid( gridId ).element( by.css('.ui-grid-render-container-body')).element( by.css('.ui-grid-header') ).element( by.repeater('col in colContainer.renderedColumns track by col.colDef.name').row( expectedCol)  );
+    return this.getGrid( gridId ).element( by.css('.ui-grid-render-container-body')).element( by.css('.ui-grid-header') ).element( by.repeater('col in colContainer.renderedColumns track by col.uid').row( expectedCol)  );
   },
 
   /**
@@ -193,7 +193,7 @@ module.exports = {
   *
   */
   footerCell: function( gridId, expectedCol, expectedValue ) {
-    return this.getGrid( gridId ).element( by.css('.ui-grid-footer') ).element( by.repeater('col in colContainer.renderedColumns track by col.colDef.name').row( expectedCol)  );
+    return this.getGrid( gridId ).element( by.css('.ui-grid-footer') ).element( by.repeater('col in colContainer.renderedColumns track by col.uid').row( expectedCol)  );
   },
 
   /**
@@ -217,7 +217,7 @@ module.exports = {
   */
   dataCell: function( gridId, fetchRow, fetchCol ) {
     var row = this.getGrid( gridId ).element( by.css('.ui-grid-render-container-body')).element( by.repeater('(rowRenderIndex, row) in rowContainer.renderedRows track by $index').row( fetchRow )  );
-    return row.element( by.repeater('(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name').row( fetchCol ));
+    return row.element( by.repeater('(colRenderIndex, col) in colContainer.renderedColumns track by col.uid').row( fetchCol ));
   },
 
   /**
@@ -309,7 +309,7 @@ module.exports = {
     var row = this.getRow( gridId, expectedRow );
 
     for ( var i = 0; i < expectedValueArray.length; i++){
-      expect(row.element( by.repeater('(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name').row(i)).getText()).toMatch(expectedValueArray[i], 'Expected to match: ' + expectedValueArray[i] + ' in column: ' + i);
+      expect(row.element( by.repeater('(colRenderIndex, col) in colContainer.renderedColumns track by col.uid').row(i)).getText()).toMatch(expectedValueArray[i], 'Expected to match: ' + expectedValueArray[i] + ' in column: ' + i);
     }
   },