Display tooltip content as html (#1685)

Closes #1639

Author: leandrocp

assets/js/handlebars/templates/tooltip-body.handlebars

@@ -11,7 +11,7 @@
   </div>
   {{#if this.hint.description}}
     <section class="docstring">
-      {{this.hint.description}}
+      {{{this.hint.description}}}
     </section>
   {{/if}}
 {{/if}}

assets/js/tooltips/hints.js

@@ -154,7 +154,7 @@ export function extractFunctionHint (element) {
   const title = heading.textContent
 
   const firstParagraph = element.querySelector('.docstring > p')
-  const description = firstParagraph ? firstParagraph.textContent : ''
+  const description = firstParagraph ? firstParagraph.innerHTML : ''
 
   return {
     kind: HINT_KIND.function,
@@ -174,7 +174,7 @@ export function extractModuleHint (content) {
   const title = heading.textContent
 
   const firstParagraph = content.querySelector('#moduledoc p')
-  const description = firstParagraph ? firstParagraph.textContent : ''
+  const description = firstParagraph ? firstParagraph.innerHTML : ''
 
   return {
     kind: HINT_KIND.module,

assets/test/tooltips/hints.spec.js

@@ -28,7 +28,7 @@ describe('hints extraction', () => {
 
     it('extracts hint info', () => {
       expect(extractModuleHint(modulePageObject).title).to.eql('Some module')
-      expect(extractModuleHint(modulePageObject).description).to.eql('Module description here')
+      expect(extractModuleHint(modulePageObject).description).to.eql('Module <strong>description</strong> here')
       expect(extractModuleHint(modulePageObject).kind).to.eql('module')
     })
   })