Added tests for constructNewContents module

Author: Devorein

src/utils/constructNewContents.ts

@@ -24,16 +24,16 @@ export const constructNewContents = (
 
   for (const [category, category_info] of categories_map) {
     const content = [
-      `<h3><img height="20px" src="https://img.shields.io/badge/${category}-${
-        ColorMap[category_info.color]
-      }"/></h3>`
+      `<h3><img height="20px" src="https://img.shields.io/badge/${qs.escape(
+        category
+      )}-${ColorMap[category_info.color]}"/></h3>`
     ];
     category_info.items.forEach((item) =>
       content.push(
         `<span><img src="https://img.shields.io/badge/-${qs.escape(
           item.title[0][0]
         )}-${
-          item[color_schema_unit_key][0][0]
+          item[color_schema_unit_key]?.[0][0] ?? 'black'
         }?style=flat-square&amp;logo=${qs.escape(item.title[0][0])}" alt="${
           item.title[0][0]
         }"/></span>`

tests/utils/constructNewContents.test.ts

@@ -0,0 +1,29 @@
+import { constructNewContents } from '../../src/utils/constructNewContents';
+
+it('Should Work', () => {
+  const categories_map = new Map([
+    [
+      'Tech Tools',
+      {
+        items: [
+          {
+            title: [['React']],
+            color: [['blue']]
+          },
+          {
+            title: [['Apollo Graphql']]
+          }
+        ],
+        color: 'teal'
+      }
+    ]
+  ]) as any;
+
+  const new_contents = constructNewContents(categories_map, 'color');
+  expect(new_contents).toStrictEqual([
+    '<h3><img height="20px" src="https://img.shields.io/badge/Tech%20Tools-467870"/></h3>',
+    '<span><img src="https://img.shields.io/badge/-React-blue?style=flat-square&amp;logo=React" alt="React"/></span>',
+    '<span><img src="https://img.shields.io/badge/-Apollo%20Graphql-black?style=flat-square&amp;logo=Apollo%20Graphql" alt="Apollo Graphql"/></span>',
+    '<hr>'
+  ]);
+});