test: add tests for special use cases

webdiscus · webdiscus · commit 371f46c1d0d6 · 2024-05-25T17:33:49.000+02:00
diff --git a/test/cases/_pug/filter-markdown/expected/index.html b/test/cases/_pug/filter-markdown/expected/index.html
@@ -0,0 +1,6 @@
+<h1>Hello World!</h1>
+<p><strong>bold</strong>
+<em>italic</em></p>
+<h1>Title</h1>
+<h2>Subtitle</h2>
+<p>The <strong><em>markdown</em></strong> text.</p>
diff --git a/test/cases/_pug/filter-markdown/src/index.pug b/test/cases/_pug/filter-markdown/src/index.pug
@@ -0,0 +1,6 @@
+:markdown
+  # Hello World!
+  **bold**
+  _italic_
+
+include:markdown readme.md
diff --git a/test/cases/_pug/filter-markdown/src/readme.md b/test/cases/_pug/filter-markdown/src/readme.md
@@ -0,0 +1,4 @@
+# Title
+## Subtitle
+
+The **_markdown_** text.
diff --git a/test/cases/_pug/filter-markdown/webpack.config.js b/test/cases/_pug/filter-markdown/webpack.config.js
@@ -0,0 +1,24 @@
+const path = require('path');
+const HtmlBundlerPlugin = require('@test/html-bundler-webpack-plugin');
+
+module.exports = {
+  mode: 'production',
+
+  output: {
+    path: path.join(__dirname, 'dist/'),
+  },
+
+  plugins: [
+    new HtmlBundlerPlugin({
+      entry: {
+        index: 'src/index.pug',
+      },
+      preprocessor: 'pug',
+      preprocessorOptions: {
+        embedFilters: {
+          markdown: true,
+        },
+      },
+    }),
+  ],
+};
diff --git a/test/cases/postprocess-modify-js/expected/index.html b/test/cases/postprocess-modify-js/expected/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test</title>
+    <script>(()=>{let o=0;for(o=0;o<10;o++);let l=`Count: ${o} dollars`;console.log(l)})();</script>
+  </head>
+  <body>
+    <h1>Hello World!</h1>
+  </body>
+</html>
diff --git a/test/cases/postprocess-modify-js/src/index.html b/test/cases/postprocess-modify-js/src/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test</title>
+    <script src="./main.js" defer="defer"></script>
+  </head>
+  <body>
+    <h1>Hello World!</h1>
+  </body>
+</html>
diff --git a/test/cases/postprocess-modify-js/src/main.js b/test/cases/postprocess-modify-js/src/main.js
@@ -0,0 +1,6 @@
+let $i = 0;
+for ($i = 0; $i < 10; $i++) {}
+
+let $str = `Count: ${$i} $.`;
+
+console.log($str);
diff --git a/test/cases/postprocess-modify-js/webpack.config.js b/test/cases/postprocess-modify-js/webpack.config.js
@@ -0,0 +1,36 @@
+const path = require('path');
+const HtmlBundlerPlugin = require('@test/html-bundler-webpack-plugin');
+
+module.exports = {
+  mode: 'production',
+
+  output: {
+    path: path.join(__dirname, 'dist/'),
+  },
+
+  plugins: [
+    new HtmlBundlerPlugin({
+      entry: {
+        index: './src/index.html',
+      },
+      js: {
+        inline: true,
+      },
+      postprocess: (content, templateInfo, compilation) => {
+        const { RawSource } = compilation.compiler.webpack.sources;
+
+        // the filename of JS used in the HTML
+        const jsFilename = 'main.js';
+
+        // get compiled JS code
+        let source = compilation.assets[jsFilename].source();
+
+        // modify JS code
+        source = source.replace(/\$[^\{]/g, 'dollars');
+
+        // update compilation with new JS code before this code will be inlined into HTML
+        compilation.updateAsset(jsFilename, new RawSource(source));
+      },
+    }),
+  ],
+};
diff --git a/test/integration-pug.test.js b/test/integration-pug.test.js
@@ -124,6 +124,7 @@ describe('embedded filters tests', () => {
     expect(result).toBeTruthy();
     done();
   });
+  test(`:markdown`, () => compareFiles('_pug/filter-markdown'));
 });
 
 describe('exception tests', () => {
diff --git a/test/integration.test.js b/test/integration.test.js
@@ -447,6 +447,8 @@ describe('special cases', () => {
 
   test('dynamic import in js', () => compareFiles('js-dynamic-import-js'));
 
+  test('modify js in postprocess', () => compareFiles('postprocess-modify-js'));
+
   // for debugging
   // test('resolve hmr file', () => watchCompareFiles('resolve-hmr-file'));
 });

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +# Title
 +## Subtitle
++
 +The **_markdown_** text.