[UXP-114] Restore markdown-viewer.component for text-section.component

Author: atarix83

src/app/shared/explore/section-component/text-section/text-section.component.html

@@ -2,7 +2,10 @@
   <div *ngSwitchCase="'image'"><img [src]="textRowSection.content" style="width: 100%"></div>
   <div *ngSwitchCase="'text-key'">{{ ('explore.text-section.' + textRowSection.content) | translate }}</div>
   <div *ngSwitchCase="'text-raw'">{{ textRowSection.content }}</div>
-  <div *ngSwitchCase="'text-metadata'" [innerHTML]="metadataValue(textRowSection.content)" [class.text-section-home-news]="textRowSection.content === 'cris.cms.home-news'"></div>
+  <div *ngSwitchCase="'text-metadata'" [class.text-section-home-news]="textRowSection.content === 'cris.cms.home-news'">
+    <ds-markdown-viewer data-test="ds-markdown-viewer"
+                        [value]="metadataValue(textRowSection.content)"></ds-markdown-viewer>
+  </div>
   <div *ngSwitchCase="'custom'">
     <ng-container *ngTemplateOutlet="custom"></ng-container>
   </div>

src/app/shared/explore/section-component/text-section/text-section.component.spec.ts

@@ -62,10 +62,10 @@ describe('TextSectionComponent', () => {
     expect(component).toBeTruthy();
   });
   // FIXME: complete scenarios
-  it('should render text-metadata with innerHtml', () => {
+  it('should render text-metadata with ds-markdown-viewer', () => {
     component.sectionId = 'site';
     fixture.detectChanges();
-    const name = fixture.debugElement.queryAll(By.css('div'))[0].nativeElement;
-    expect(name.innerHTML).toContain(component.site.metadata['cms.homepage.footer'][0].value);
+    const dsMarkdownViewer = fixture.debugElement.query(By.css('[data-test="ds-markdown-viewer"]'));
+    expect(dsMarkdownViewer).toBeTruthy();
   });
 });