Merge pull request #57 from schubergphilis/filterable-actions

Renamed searchableActions to filterableActions, added changeFilter and clearFilter to it

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "anglue",
-  "version": "1.3.4",
+  "version": "1.3.5",
   "authors": [
     "Tommy Maintz <tommy.maintz@gmail.com>"
   ],

src/behaviors.js

@@ -1,8 +1,8 @@
 export * from './behaviors/behavior';
 export * from './behaviors/event-emitter';
 export * from './behaviors/entity-store';
+export * from './behaviors/filterable-actions';
 export * from './behaviors/filterable-store';
-export * from './behaviors/searchable-actions';
 export * from './behaviors/searchable-component';
 export * from './behaviors/sortable-actions';
 export * from './behaviors/sortable-component';

src/behaviors/searchable-actions.js → src/behaviors/filterable-actions.js

@@ -1,8 +1,10 @@
 import {Action as actionDecorator} from '../actions';
 
-export function SearchableActions() {
+export function FilterableActions() {
   return cls => {
     actionDecorator()(cls.prototype, 'changeSearch');
     actionDecorator()(cls.prototype, 'clearSearch');
+    actionDecorator()(cls.prototype, 'changeFilter');
+    actionDecorator()(cls.prototype, 'clearFilter');
   };
 }

src/behaviors/filterable-actions.spec.js

@@ -0,0 +1,72 @@
+/*eslint-env node, jasmine*//*global module inject*/
+/*eslint-disable max-statements, max-params*/
+import angular from 'angular';
+import 'angular-mocks';
+import 'luxyflux/ng-luxyflux';
+
+import {
+  Annotations,
+  Actions,
+  FilterableActions
+} from 'anglue/anglue';
+
+describe('FilterableActions', () => {
+  // Clear the AnnotationCache for unit tests to ensure we create new annotations for each class.
+  beforeEach(() => {
+    Annotations.clear();
+  });
+
+  describe('@FilterableActions() decorator', () => {
+    @Actions()
+    @FilterableActions()
+    class FilterableTestActions {}
+
+    let testActions;
+    let appDispatcher;
+
+    class MockApplicationDispatcher {
+      dispatch() {}
+    }
+
+    angular
+      .module('filterableActionsApp', [
+        'luxyflux',
+        FilterableTestActions.annotation.module.name
+      ])
+      .service('ApplicationDispatcher', [
+        function () {
+          return new MockApplicationDispatcher();
+        }
+      ]);
+
+    beforeEach(module('filterableActionsApp'));
+    beforeEach(inject((_FilterableTestActions_, _ApplicationDispatcher_) => {
+      testActions = _FilterableTestActions_;
+      appDispatcher = _ApplicationDispatcher_;
+
+      spyOn(appDispatcher, 'dispatch');
+    }));
+
+
+    it('should dispatch an FILTERABLE_TEST_CHANGE_SEARCH action', () => {
+      testActions.changeSearch('FOOBAR');
+      expect(appDispatcher.dispatch).toHaveBeenCalledWith('FILTERABLE_TEST_CHANGE_SEARCH', 'FOOBAR');
+    });
+
+    it('should dispatch an FILTERABLE_TEST_CLEAR_SEARCH action', () => {
+      testActions.clearSearch();
+      expect(appDispatcher.dispatch).toHaveBeenCalledWith('FILTERABLE_TEST_CLEAR_SEARCH');
+    });
+
+    it('should dispatch an FILTERABLE_TEST_CHANGE_FILTER action', () => {
+      testActions.changeFilter('FOOBAR');
+      expect(appDispatcher.dispatch).toHaveBeenCalledWith('FILTERABLE_TEST_CHANGE_FILTER', 'FOOBAR');
+    });
+
+    it('should dispatch an FILTERABLE_TEST_CLEAR_SEARCH action', () => {
+      testActions.clearFilter('FOOBAR');
+      expect(appDispatcher.dispatch).toHaveBeenCalledWith('FILTERABLE_TEST_CLEAR_FILTER', 'FOOBAR');
+    });
+
+  });
+});