Added render tests for rootRelativeImageURL config

Author: weijunyu

test/_helper.js

@@ -54,7 +54,9 @@ module.exports.init = function(
 
   const rootPath = path.join(__dirname, 'fixtures', fixture);
 
-  const dom = initJSDOM(markup);
+  const runScriptInJSDom =
+    Object.values(config).length !== 0 ? 'dangerously' : undefined;
+  const dom = initJSDOM(markup, { runScripts: runScriptInJSDom });
   dom.reconfigure({ url: 'file:///' + rootPath });
 
   // Mimic src/core/index.js but for Node.js

test/unit/render.test.js

@@ -1,3 +1,4 @@
+const path = require('path');
 const { expect } = require('chai');
 const { init, expectSameDom } = require('../_helper');
 
@@ -104,6 +105,23 @@ describe('render', function() {
       );
     });
 
+    it('relative image url', async function() {
+      const { docsify } = await init();
+      const output = docsify.compiler.compile(
+        '![alt text](some-path/image.png)'
+      );
+      const expectedCompiledPath = path.posix.join(
+        // must use posix here because if run on windows, paths are joined using backslash (\)
+        __dirname,
+        '../fixtures/default',
+        'some-path/image.png'
+      );
+      expectSameDom(
+        output,
+        `<p><img src="${expectedCompiledPath}" data-origin="some-path/image.png" alt="alt text"></p>`
+      );
+    });
+
     it('class', async function() {
       const { docsify } = await init();
       const output = docsify.compiler.compile(
@@ -165,6 +183,53 @@ describe('render', function() {
         );
       });
     });
+
+    describe('compiling root-relative image src path', async function() {
+      it('behaves normally if config.rootRelativeImageURL is set to false', async function() {
+        const { docsify } = await init('default', {
+          rootRelativeImageURL: false,
+        });
+        const rootRelativePathOutput = docsify.compiler.compile(
+          '![alt text](/some-path/image.png)'
+        );
+        const expectedCompiledPath = path.posix.join(
+          // must use posix here because if run on windows, file paths use backslash (\)
+          __dirname,
+          '../fixtures/default',
+          'some-path/image.png'
+        );
+        expectSameDom(
+          rootRelativePathOutput,
+          `<p><img src="${expectedCompiledPath}" data-origin="/some-path/image.png" alt="alt text"></p>`
+        );
+      });
+
+      it('only uses the image href if config.rootRelativeImageURL is set to true', async function() {
+        const { docsify } = await init('default', {
+          rootRelativeImageURL: true,
+        });
+        const rootRelativePathOutput = docsify.compiler.compile(
+          '![alt text](/some-path/image.png)'
+        );
+        expectSameDom(
+          rootRelativePathOutput,
+          `<p><img src="/some-path/image.png" data-origin="/some-path/image.png" alt="alt text"></p>`
+        );
+      });
+
+      it('uses config.rootRelativeImageURL as a prefix for the compiled image path, if passed as a string', async function() {
+        const { docsify } = await init('default', {
+          rootRelativeImageURL: 'docs',
+        });
+        const rootRelativePathOutput = docsify.compiler.compile(
+          '![alt text](/some-path/image.png)'
+        );
+        expectSameDom(
+          rootRelativePathOutput,
+          `<p><img src="/docs/some-path/image.png" data-origin="/some-path/image.png" alt="alt text"></p>`
+        );
+      });
+    });
   });
 
   describe('heading', function() {