test

adobecom · Jul 14, 2023 · 76c7a10 · 76c7a10
1 parent bac0c3d
commit 76c7a10
Show file tree

Hide file tree

Showing 11 changed files with 355 additions and 226 deletions.
diff --git a/dist/app.css b/dist/app.css
diff --git a/dist/main.js b/dist/main.js
diff --git a/dist/main.min.js b/dist/main.min.js
diff --git a/dist/main.source.js b/dist/main.source.js
diff --git a/react/src/js/components/Consonant/Container/Container.jsx b/react/src/js/components/Consonant/Container/Container.jsx
@@ -76,6 +76,7 @@ import {
     featuredCards: [{}],
     filterPanel: {},
     hideCtaIds: [{}],
+    hideCtaTags: [{}],
     sort: {},
     pagination: {},
     bookmarks: {},
@@ -120,6 +121,11 @@ const Container = (props) => {
         .replace(/\[|\]/g, '')
         .replace(/`/g, '')
         .split(',');
+    const hideCtaTags = getConfig('hideCtaTags', '')
+        .toString()
+        .replace(/\[|\]/g, '')
+        .replace(/`/g, '')
+        .split(',');
     const leftPanelSearchPlaceholder = getConfig('search', 'i18n.leftFilterPanel.searchPlaceholderText');
     const topPanelSearchPlaceholder = getConfig('search', 'i18n.topFilterPanel.searchPlaceholderText');
     const searchPlaceholderText = getConfig('search', 'i18n.filterInfo.searchPlaceholderText');
@@ -783,6 +789,7 @@ const Container = (props) => {
                             onlyShowBookmarks,
                             bookmarkedCardIds,
                             hideCtaIds,
+                            hideCtaTags,
                         );
                     if (payload.isHashed) {
                         const TAG_HASH_LENGTH = 6;

diff --git a/react/src/js/components/Consonant/Grid/Grid.jsx b/react/src/js/components/Consonant/Grid/Grid.jsx
@@ -199,7 +199,7 @@ const Grid = (props) => {
      * @returns {bool} - whether a cta should be hidden
      */
     const getHideCta = (card, style) => {
-        if (card.hideCtaId || style === 'hidden') return true;
+        if (card.hideCtaId || card.hideCtaTags || style === 'hidden') return true;
         return false;
     };
 

diff --git a/react/src/js/components/Consonant/Helpers/JsonProcessor.js b/react/src/js/components/Consonant/Helpers/JsonProcessor.js
@@ -3,6 +3,7 @@ import {
     truncateString,
     removeDuplicatesByKey,
 } from './general';
+import { hasTag } from './Helpers';
 
 /**
  * Class that handles parsing raw JSON data and returning a set of processed cards
@@ -60,16 +61,27 @@ export default class JsonProcessor {
      * @param {*} onlyShowBookmarks
      * @param {*} bookmarkedCardIds
      * @param {*} hideCtaIds
+     * @param {*} hideCtaTags
      * @return {*}
      * @memberof JsonProcessor
      */
-    addCardMetaData(truncateTextQty, onlyShowBookmarks, bookmarkedCardIds, hideCtaIds) {
+    addCardMetaData(
+        truncateTextQty,
+        onlyShowBookmarks,
+        bookmarkedCardIds,
+        hideCtaIds,
+        hideCtaTags,
+    ) {
         this.processedCards = this.processedCards.map(card => ({
             ...card,
             description: truncateString(getByPath(card, 'contentArea.description', ''), truncateTextQty),
             isBookmarked: bookmarkedCardIds.some(i => i === card.id),
             disableBookmarkIco: onlyShowBookmarks,
             hideCtaId: hideCtaIds.some(i => i === card.id),
+            hideCtaTags: hideCtaTags.some((tag) => {
+                const re = new RegExp(tag);
+                return hasTag(re, card.tags);
+            }),
             initial: {
                 title: getByPath(card, 'contentArea.title', ''),
                 description: getByPath(card, 'contentArea.description', ''),

diff --git a/react/src/js/components/Consonant/Helpers/TestingConstants/JsonProcessor.js b/react/src/js/components/Consonant/Helpers/TestingConstants/JsonProcessor.js
@@ -30,6 +30,7 @@ const addCardMetaData = [
                     detailText: 'detailText 1',
                     dateDetailText: '',
                 },
+                tags: [{ id: 'caas:tagB' }],
             },
             {
                 id: 2,
@@ -40,6 +41,10 @@ const addCardMetaData = [
                     detailText: '',
                     dateDetailText: '',
                 },
+                tags: [
+                    { id: 'caas:tagA' },
+                    { id: 'caas:tagB' },
+                ],
             },
             {
                 id: 3,
@@ -50,12 +55,14 @@ const addCardMetaData = [
                     detailText: 'detailText 2',
                     dateDetailText: '',
                 },
+                tags: [{ id: 'caas:tagC' }],
             },
         ],
         truncateTextQty: 5,
         onlyShowBookmarks: false,
         bookmarkedCardIds: [1],
         hideCtaIds: [2],
+        hideCtaTags: ['caas:tagC'],
         expectedValue: [
             {
                 id: 1,
@@ -70,13 +77,15 @@ const addCardMetaData = [
                 isBookmarked: true,
                 disableBookmarkIco: false,
                 hideCtaId: false,
+                hideCtaTags: false,
                 initial: {
                     title: 'title 1',
                     description: '12345',
                     bannerText: 'overlays.description 1',
                     dateDetailText: '',
                     detailText: 'detailText 1',
                 },
+                tags: [{ id: 'caas:tagB' }],
             },
             {
                 id: 2,
@@ -91,13 +100,18 @@ const addCardMetaData = [
                 isBookmarked: false,
                 disableBookmarkIco: false,
                 hideCtaId: true,
+                hideCtaTags: false,
                 initial: {
                     title: '',
                     description: '',
                     bannerText: '',
                     dateDetailText: '',
                     detailText: '',
                 },
+                tags: [
+                    { id: 'caas:tagA' },
+                    { id: 'caas:tagB' },
+                ],
             },
             {
                 id: 3,
@@ -112,13 +126,15 @@ const addCardMetaData = [
                 isBookmarked: false,
                 disableBookmarkIco: false,
                 hideCtaId: false,
+                hideCtaTags: true,
                 initial: {
                     title: 'title 2',
                     description: '123456',
                     bannerText: 'overlays.description 2',
                     dateDetailText: '',
                     detailText: 'detailText 2',
                 },
+                tags: [{ id: 'caas:tagC' }],
             },
         ],
     },

diff --git a/react/src/js/components/Consonant/Helpers/__tests__/JsonProcessor.spec.js b/react/src/js/components/Consonant/Helpers/__tests__/JsonProcessor.spec.js
@@ -5,7 +5,13 @@ import JsonProcessor from '../JsonProcessor';
 describe('utils/JsonProcessor', () => {
     describe('addCardMetaData', () => {
         PROPS.addCardMetaData.forEach(({
-            cards, truncateTextQty, onlyShowBookmarks, bookmarkedCardIds, hideCtaIds, expectedValue,
+            cards,
+            truncateTextQty,
+            onlyShowBookmarks,
+            bookmarkedCardIds,
+            hideCtaIds,
+            hideCtaTags,
+            expectedValue,
         }) => {
             test('should add card metadata', () => {
                 const jsonProcessor = new JsonProcessor(cards);
@@ -15,6 +21,7 @@ describe('utils/JsonProcessor', () => {
                     onlyShowBookmarks,
                     bookmarkedCardIds,
                     hideCtaIds,
+                    hideCtaTags,
                 );
 
                 expect(processedCards).toEqual(expectedValue);

diff --git a/react/src/js/components/Consonant/Helpers/constants.js b/react/src/js/components/Consonant/Helpers/constants.js
@@ -146,6 +146,7 @@ export const DEFAULT_CONFIG = {
     },
     featuredCards: [],
     hideCtaIds: [],
+    hideCtaTags: [],
     header: {
         enabled: false,
     },

diff --git a/react/src/js/components/Consonant/Testing/Mocks/config.json b/react/src/js/components/Consonant/Testing/Mocks/config.json
@@ -125,6 +125,7 @@
         }
     },
     "hideCtaIds": "[]",
+    "hideCtaTags": "[]",
     "sort": {
         "enabled": true,
         "defaultSort": "featured",