sortable-table-header component setup

tests/dummy/app/routes/table-filters/test1.coffee

@@ -20,7 +20,11 @@ export default Ember.Route.extend
   model: (params) ->
     #@store.findAll('epots/migration-window-planning')
     otherParams = {q: default_filter.toProperties()}
-    result = PagedArray.create [], perPage: 7
+    result = PagedArray.create [],
+      perPage: 7
+      reload: ->
+        console.log "Model reload called with filter:"
+        console.log default_filter.toProperties()
     result.setOtherParam = (param, q) ->
       window.last_set_param ||= {}
       window.last_set_param[param] = q # all is allowed for the purpose of testing and time conservation :devil:

tests/dummy/app/templates/table-filters/test1.emblem

@@ -1,9 +1,14 @@
-table.ui.celled.striped.compact.table
+table.ui.celled.striped.compact.table.sortable
   thead
     tr
-      th input
-      th option-buttons
-      th date-range
+      /th input
+      = sortable-table-header filters=filters key='name' model=model
+      /th option-buttons
+      = sortable-table-header filters=filters key='number_of_migration_windows' model=model
+        span # cutovers (filter.option-buttons)
+      /th date-range
+      = sortable-table-header filters=filters key='target_date' model=model
+      /= sortable-table-header filters=filters key='target_date' action=(invoke 'reload' model) model=model
       th select-multiple
       th select-multiple-modal
       th CUSTOM

tests/integration/components/sortable-table-header-test.coffee

@@ -0,0 +1,25 @@
+import { test, moduleForComponent } from 'ember-qunit'
+import hbs from 'htmlbars-inline-precompile'
+
+moduleForComponent 'sortable-table-header', 'Integration | Component | sortable table header', {
+  integration: true
+}
+
+test 'it renders', (assert) ->
+  assert.expect 2
+
+  # Set any properties with @set 'myProperty', 'value'
+  # Handle any actions with @on 'myAction', (val) ->
+
+  @render hbs """{{sortable-table-header}}"""
+
+  assert.equal @$().text().trim(), ''
+
+  # Template block usage:
+  @render hbs """
+    {{#sortable-table-header}}
+      template block text
+    {{/sortable-table-header}}
+  """
+
+  assert.equal @$().text().trim(), 'template block text'