fix: figcaption only works within figure (#279)

Author: stevenjoezhang

lib/renderer.js

@@ -137,8 +137,8 @@ class Renderer extends MarkedRenderer {
     if (lazyload) out += ' loading="lazy"';
 
     out += '>';
-    if (figcaption) {
-      if (text) out += `<figcaption aria-hidden="true">${text}</figcaption>`;
+    if (figcaption && text) {
+      return `<figure>${out}<figcaption aria-hidden="true">${text}</figcaption></figure>`;
     }
     return out;
   }

test/index.js

@@ -806,8 +806,8 @@ describe('Marked renderer', () => {
 
     result.should.eql([
       '<p><img src="/bar/baz.jpg" title="bar">',
-      '<img src="/bar/baz.jpg" alt="foo" title="bar"><figcaption aria-hidden="true">foo</figcaption>',
-      '<img src="/aaa/bbb.jpg" alt="foo"><figcaption aria-hidden="true">foo</figcaption></p>\n'
+      '<figure><img src="/bar/baz.jpg" alt="foo" title="bar"><figcaption aria-hidden="true">foo</figcaption></figure>',
+      '<figure><img src="/aaa/bbb.jpg" alt="foo"><figcaption aria-hidden="true">foo</figcaption></figure></p>\n'
     ].join('\n'));
   });