[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

@@ -2,6 +2,7 @@ import { SearchService } from '../../../../core/shared/search/search.service';
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { TextSectionComponent } from './text-section.component';
 import { Site } from '../../../../core/shared/site.model';
+import { By } from '@angular/platform-browser';
 import { LocaleService } from '../../../../core/locale/locale.service';
 
 describe('TextSectionComponent', () => {
@@ -61,4 +62,10 @@ describe('TextSectionComponent', () => {
     expect(component).toBeTruthy();
   });
   // FIXME: complete scenarios
+  it('should render text-metadata with ds-markdown-viewer', () => {
+    component.sectionId = 'site';
+    fixture.detectChanges();
+    const dsMarkdownViewer = fixture.debugElement.query(By.css('[data-test="ds-markdown-viewer"]'));
+    expect(dsMarkdownViewer).toBeTruthy();
+  });
 });