Formatter for printing categories

static/js/formatters-internal.js

@@ -566,3 +566,25 @@ export function getYoutubeUrl(videos = []) {
     : null;
   return youtubeVideoUrl;
 }
+
+/**
+ * construct a string of displayable category names based on given category ids from liveAPI
+ * and a mapping of category ids to names.
+ * 
+ * @param {string[]} categoryIds category ids from liveAPI
+ * @param {Object[]} categoryMap mapping of category ids to names
+ * @param {string} categoryMap[].id id of a category entry
+ * @param {string} categoryMap[].category name of a category entry
+ * @returns {string} category names separated by comma
+ */
+ export function getCategoryNames(categoryIds, categoryMap) {
+  if (!categoryIds || !categoryMap) {
+    return '';
+  }
+  const categoryNames = categoryIds.reduce((list, id) => {
+    const categoryEntry = categoryMap.find(category => category.id === id);
+    categoryEntry && list.push(categoryEntry.category);
+    return list;
+  }, []);
+  return categoryNames.join(', ');
+}

static/js/formatters.js

@@ -29,7 +29,8 @@ import {
   generateCTAFieldTypeLink,
   price,
   highlightField,
-  getYoutubeUrl
+  getYoutubeUrl,
+  getCategoryNames
 } from './formatters-internal.js';
 import * as CustomFormatters from './formatters-custom.js';
 
@@ -62,7 +63,8 @@ let Formatters = {
   generateCTAFieldTypeLink,
   price,
   highlightField,
-  getYoutubeUrl
+  getYoutubeUrl,
+  getCategoryNames
 };
 Formatters = Object.assign(Formatters, CustomFormatters);
 

tests/static/js/formatters.js

@@ -153,4 +153,50 @@ describe('Formatters', () => {
       expect(actual).toEqual(expected);
     });
   });
+
+  describe('getCategoryNames', () => {
+    const categoryMap = [ 
+      {
+        "id": "1",
+        "category": "Neurology"
+      },
+      {
+        "id": "2",
+        "category": "Dermatology"
+      },
+      {
+        "id": "3",
+        "category": "Psychiatry"
+      },
+      {
+        "id": "4",
+        "category": "Surgery"
+      }
+    ];
+
+    it('Handle undefined categoryIds and categoryMap', () => {
+      let categoryNames = Formatters.getCategoryNames(null, categoryMap);
+      expect(categoryNames).toEqual('');
+      categoryNames = Formatters.getCategoryNames(['1'], null);
+      expect(categoryNames).toEqual('');
+    });
+
+    it('return empty list for no matching category names', () => {
+      const categoryIds = ['5', '0'];
+      const categoryNames = Formatters.getCategoryNames(categoryIds, categoryMap);
+      expect(categoryNames).toEqual('');
+    });
+
+    it('return a list of matching category names', () => {
+      const categoryIds = ['1', '3'];
+      const categoryNames = Formatters.getCategoryNames(categoryIds, categoryMap);
+      expect(categoryNames).toEqual('Neurology, Psychiatry');
+    });
+
+    it('return a list of category names given non-matching and matching ids', () => {
+      const categoryIds = ['1', '10', '4'];
+      const categoryNames = Formatters.getCategoryNames(categoryIds, categoryMap);
+      expect(categoryNames).toEqual('Neurology, Surgery');
+    });
+  });
 });