[#45,test/view-grid][s]: add test for hide column functionality on DataGrid (first test of this view).

src/view-grid.js

@@ -25,7 +25,7 @@ my.DataGrid = Backbone.View.extend({
   },
 
   events: {
-    'click .column-header-menu': 'onColumnHeaderClick',
+    'click .column-header-menu .data-table-menu li a': 'onColumnHeaderClick',
     'click .row-header-menu': 'onRowHeaderClick',
     'click .root-header-menu': 'onRootHeaderClick',
     'click .data-table-menu li a': 'onMenuClick'

test/view-grid.test.js

@@ -2,6 +2,31 @@
 
 module("View - Grid");
 
+function assertPresent(selector) {
+  var found = $(selector);
+  ok(found.length > 0);
+}
+
+function assertNotPresent(selector) {
+  var found = $(selector);
+  equal(found.length, 0);
+}
+
+test('DataGrid - menu - hideColumn', function () {
+  var dataset = Fixture.getDataset();
+  var view = new recline.View.DataGrid({
+    model: dataset
+  });
+  $('.fixtures .test-datatable').append(view.el);
+  view.render();
+
+  assertPresent('.column-header[data-field="x"]');
+  var hideColumn = view.el.find('.column-header[data-field="x"] a[data-action="hideColumn"]');
+  hideColumn.trigger('click');
+  assertNotPresent('.column-header[data-field="x"]');
+  view.remove();
+});
+
 test('new DataGridRow View', function () {
   var $el = $('<tr />');
   $('.fixtures .test-datatable').append($el);