notification category filters

Summary:
Allows filtering notification by category. Category filters are also persisted in redux.

Adds a test suite for notification reducer

Reviewed By: passy

Differential Revision: D12999884

fbshipit-source-id: 5f8d2357e52f091c17b726e1f89ed68f3b7294fb

src/reducers/__tests__/notifications.node.js

@@ -0,0 +1,104 @@
+/**
+ * Copyright 2018-present Facebook.
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * @format
+ */
+
+import type {State} from '../notifications';
+
+import {
+  default as reducer,
+  setActiveNotifications,
+  clearAllNotifications,
+  updatePluginBlacklist,
+  updateCategoryBlacklist,
+} from '../notifications';
+
+const notification = {
+  id: 'id',
+  title: 'title',
+  message: 'message',
+  severity: 'warning',
+};
+
+function getInitialState(): State {
+  return {
+    activeNotifications: [],
+    invalidatedNotifications: [],
+    blacklistedPlugins: [],
+    blacklistedCategories: [],
+    clearedNotifications: new Set(),
+  };
+}
+
+test('reduce updateCategoryBlacklist', () => {
+  const blacklistedCategories = ['blacklistedCategory'];
+  const res = reducer(
+    getInitialState(),
+    updateCategoryBlacklist(blacklistedCategories),
+  );
+  expect(res).toEqual({
+    ...getInitialState(),
+    blacklistedCategories,
+  });
+});
+
+test('reduce updatePluginBlacklist', () => {
+  const blacklistedPlugins = ['blacklistedPlugin'];
+  const res = reducer(
+    getInitialState(),
+    updatePluginBlacklist(blacklistedPlugins),
+  );
+  expect(res).toEqual({
+    ...getInitialState(),
+    blacklistedPlugins,
+  });
+});
+
+test('reduce clearAllNotifications', () => {
+  const pluginId = 'pluginId';
+  const client = 'client';
+
+  const res = reducer(
+    {
+      ...getInitialState(),
+      activeNotifications: [
+        {
+          client,
+          pluginId,
+          notification,
+        },
+      ],
+    },
+    clearAllNotifications(),
+  );
+  expect(res).toEqual({
+    ...getInitialState(),
+    clearedNotifications: new Set([`${pluginId}#${notification.id}`]),
+  });
+});
+
+test('reduce setActiveNotifications', () => {
+  const pluginId = 'pluginId';
+  const client = 'client';
+
+  const res = reducer(
+    getInitialState(),
+    setActiveNotifications({
+      notifications: [notification],
+      client,
+      pluginId,
+    }),
+  );
+  expect(res).toEqual({
+    ...getInitialState(),
+    activeNotifications: [
+      {
+        client,
+        pluginId,
+        notification,
+      },
+    ],
+  });
+});

src/reducers/index.js

@@ -64,7 +64,7 @@ export default combineReducers({
     {
       key: 'notifications',
       storage,
-      whitelist: ['blacklistedPlugins'],
+      whitelist: ['blacklistedPlugins', 'blacklistedCategories'],
     },
     notifications,
   ),

src/reducers/notifications.js

@@ -16,6 +16,7 @@ export type State = {
   activeNotifications: Array<PluginNotification>,
   invalidatedNotifications: Array<PluginNotification>,
   blacklistedPlugins: Array<string>,
+  blacklistedCategories: Array<string>,
   clearedNotifications: Set<string>,
 };
 
@@ -28,24 +29,32 @@ type ActiveNotificationsAction = {
   },
 };
 
-type ClearAllAction = {
-  type: 'CLEAR_ALL_NOTIFICATIONS',
-};
-
-type UpdateBlacklistAction = {
-  type: 'UPDATE_PLUGIN_BLACKLIST',
-  payload: Array<string>,
-};
-
 export type Action =
-  | ActiveNotificationsAction
-  | ClearAllAction
-  | UpdateBlacklistAction;
+  | {
+      type: 'CLEAR_ALL_NOTIFICATIONS',
+    }
+  | {
+      type: 'SET_ACTIVE_NOTIFICATIONS',
+      payload: {
+        notifications: Array<Notification>,
+        client: ?string,
+        pluginId: string,
+      },
+    }
+  | {
+      type: 'UPDATE_PLUGIN_BLACKLIST',
+      payload: Array<string>,
+    }
+  | {
+      type: 'UPDATE_CATEGORY_BLACKLIST',
+      payload: Array<string>,
+    };
 
 const INITIAL_STATE: State = {
   activeNotifications: [],
   invalidatedNotifications: [],
   blacklistedPlugins: [],
+  blacklistedCategories: [],
   clearedNotifications: new Set(),
 };
 
@@ -77,6 +86,11 @@ export default function reducer(
         ...state,
         blacklistedPlugins: action.payload,
       };
+    case 'UPDATE_CATEGORY_BLACKLIST':
+      return {
+        ...state,
+        blacklistedCategories: action.payload,
+      };
     default:
       return state;
   }
@@ -140,11 +154,16 @@ export function clearAllNotifications(): Action {
   };
 }
 
-export function updatePluginBlacklist(
-  payload: Array<string>,
-): UpdateBlacklistAction {
+export function updatePluginBlacklist(payload: Array<string>) {
   return {
     type: 'UPDATE_PLUGIN_BLACKLIST',
     payload,
   };
 }
+
+export function updateCategoryBlacklist(payload: Array<string>) {
+  return {
+    type: 'UPDATE_CATEGORY_BLACKLIST',
+    payload,
+  };
+}