diff --git a/test/__snapshots__/frontmatter-markdown-loader.test.js.snap b/test/__snapshots__/frontmatter-markdown-loader.test.js.snap
index e61d17c..b410208 100644
--- a/test/__snapshots__/frontmatter-markdown-loader.test.js.snap
+++ b/test/__snapshots__/frontmatter-markdown-loader.test.js.snap
@@ -14,6 +14,13 @@ exports[`frontmatter-markdown-loader react mode returns renderable React compone
     </code>
      FRIEND CHEERS
   </p>
+  <pre>
+    <code
+      class="language-js"
+    >
+      const multipleLine = true; console.warn(multipleLine)
+    </code>
+  </pre>
 </div>
 `;
 
@@ -58,5 +65,12 @@ exports[`frontmatter-markdown-loader react mode returns renderable React compone
     </code>
      FRIEND CHEERS
   </p>
+  <pre>
+    <code
+      class="language-js"
+    >
+      const multipleLine = true; console.warn(multipleLine)
+    </code>
+  </pre>
 </div>
 `;
diff --git a/test/frontmatter-markdown-loader.test.js b/test/frontmatter-markdown-loader.test.js
index 5b76ba8..2d096de 100644
--- a/test/frontmatter-markdown-loader.test.js
+++ b/test/frontmatter-markdown-loader.test.js
@@ -39,7 +39,9 @@ describe("frontmatter-markdown-loader", () => {
     });
 
     it("returns compiled HTML for 'html' property", () => {
-      expect(loaded.html).toBe("<h1>Title</h1>\n<p>GOOD <code>BYE</code> FRIEND\nCHEERS</p>\n");
+      expect(loaded.html).toBe(
+        "<h1>Title</h1>\n<p>GOOD <code>BYE</code> FRIEND\nCHEERS</p>\n<pre><code class=\"language-js\">const multipleLine = true;\nconsole.warn(multipleLine)\n</code></pre>\n"
+      );
     });
 
     it("returns frontmatter object for 'attributes' property", () => {
@@ -82,7 +84,9 @@ describe("frontmatter-markdown-loader", () => {
   describe("markdownId option", () => {
     it("returns HTML with configured markdownIt: breaks option is enabled as configuration", () => {
       load(markdownWithFrontmatter, { ...defaultContext, query: { markdownIt: { breaks: true } } });
-      expect(loaded.html).toBe("<h1>Title</h1>\n<p>GOOD <code>BYE</code> FRIEND<br>\nCHEERS</p>\n");
+      expect(loaded.html).toBe(
+        "<h1>Title</h1>\n<p>GOOD <code>BYE</code> FRIEND<br>\nCHEERS</p>\n<pre><code class=\"language-js\">const multipleLine = true;\nconsole.warn(multipleLine)\n</code></pre>\n"
+      )
     });
 
     it("returns HTML with configured markdownIt instance: breaks option is enabled by .enable", () => {
@@ -96,14 +100,18 @@ describe("frontmatter-markdown-loader", () => {
       };
 
       load(markdownWithFrontmatter, { ...defaultContext, query: { markdownIt: markdownItInstance } });
-      expect(loaded.html).toBe("<h1>Title</h1>\n<p data-paragraph=\"hello\">GOOD <code>BYE</code> FRIEND\nCHEERS</p>\n");
+      expect(loaded.html).toBe(
+        "<h1>Title</h1>\n<p data-paragraph=\"hello\">GOOD <code>BYE</code> FRIEND\nCHEERS</p>\n<pre><code class=\"language-js\">const multipleLine = true;\nconsole.warn(multipleLine)\n</code></pre>\n"
+      );
     });
   });
 
   describe("body mode is enabled", () => {
     it("returns raw markdown body for 'body' property", () => {
       load(markdownWithFrontmatter, { ...defaultContext, query: { mode: [Mode.BODY] } });
-      expect(loaded.body).toBe("# Title\n\nGOOD `BYE` FRIEND\nCHEERS\n");
+      expect(loaded.body).toBe(
+        "# Title\n\nGOOD `BYE` FRIEND\nCHEERS\n\n```js\nconst multipleLine = true;\nconsole.warn(multipleLine)\n```\n"
+      );
     });
   });
 
diff --git a/test/with-frontmatter.md b/test/with-frontmatter.md
index a596b06..5bf5d8a 100644
--- a/test/with-frontmatter.md
+++ b/test/with-frontmatter.md
@@ -8,3 +8,8 @@ tags:
 
 GOOD `BYE` FRIEND
 CHEERS
+
+```js
+const multipleLine = true;
+console.warn(multipleLine)
+```