[UXP-114] Improve markdown pipe in order to check for empty values

Author: atarix83

src/app/shared/utils/markdown.pipe.spec.ts

@@ -54,6 +54,20 @@ describe('Markdown Pipe', () => {
     );
   });
 
+  it('should render undefined value', async () => {
+    await testTransform(
+      undefined,
+      undefined
+    );
+  });
+
+  it('should render null value', async () => {
+    await testTransform(
+      null,
+      null
+    );
+  });
+
   async function testTransform(input: string, output: string) {
     expect(
       await markdownPipe.transform(input)

src/app/shared/utils/markdown.pipe.ts

@@ -1,6 +1,8 @@
 import { Inject, InjectionToken, Pipe, PipeTransform, SecurityContext } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+
 import { environment } from '../../../environments/environment';
+import { isEmpty } from '../empty.util';
 
 const markdownItLoader = async () => (await import('markdown-it')).default;
 type LazyMarkdownIt = ReturnType<typeof markdownItLoader>;
@@ -50,7 +52,7 @@ export class MarkdownPipe implements PipeTransform {
   }
 
   async transform(value: string, forcePreview = false): Promise<SafeHtml> {
-    if (!environment.markdown.enabled && !forcePreview) {
+    if (isEmpty(value) || (!environment.markdown.enabled && !forcePreview)) {
       return value;
     }
     const MarkdownIt = await this.markdownIt;