test: add pretty formatting html using beforeEmit

webdiscus · Mar 21, 2024 · abfd926 · abfd926
1 parent 0c826d6
commit abfd926
Show file tree

Hide file tree

Showing 5 changed files with 88 additions and 13 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/test/cases/_experimental/option-pretty-beforeEmit/expected/index.html b/test/cases/_experimental/option-pretty-beforeEmit/expected/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test</title>
+  </head>
+  <body>
+    <h1>Hello World!</h1>
+  </body>
+</html>
diff --git a/test/cases/_experimental/option-pretty-beforeEmit/src/index.pug b/test/cases/_experimental/option-pretty-beforeEmit/src/index.pug
@@ -0,0 +1,5 @@
+html
+  head
+    title Test
+  body
+    h1 Hello World!
diff --git a/test/cases/_experimental/option-pretty-beforeEmit/webpack.config.js b/test/cases/_experimental/option-pretty-beforeEmit/webpack.config.js
@@ -0,0 +1,57 @@
+const path = require('path');
+const PugPlugin = require('@test/pug-plugin');
+
+const pretty = require('js-beautify').html;
+
+// formatting options: https://github.com/beautifier/js-beautify
+const prettyOptions = {
+  html: {
+    indent_size: 2,
+    end_with_newline: true,
+    indent_inner_html: true,
+    preserve_newlines: true,
+    max_preserve_newlines: 0,
+    wrap_line_length: 120,
+    extra_liners: [],
+    space_before_conditional: true,
+    js: {
+      end_with_newline: false,
+      preserve_newlines: true,
+      max_preserve_newlines: 2,
+      space_after_anon_function: true,
+    },
+    css: {
+      end_with_newline: false,
+      preserve_newlines: false,
+      newline_between_rules: false,
+    },
+  },
+};
+
+const isDev = true;
+
+module.exports = {
+  mode: 'production',
+
+  output: {
+    path: path.join(__dirname, 'dist/'),
+  },
+
+  plugins: [
+    new PugPlugin({
+      entry: {
+        index: './src/index.pug',
+      },
+      beforeEmit: isDev ? (content) => pretty(content, prettyOptions) : undefined,
+    }),
+  ],
+
+  module: {
+    rules: [
+      {
+        test: /\.(css|sass|scss)$/,
+        use: ['css-loader', 'sass-loader'],
+      },
+    ],
+  },
+};
diff --git a/test/index.test.js b/test/index.test.js
@@ -159,6 +159,10 @@ describe('special cases', () => {
   test('compile template function in js', () => compareFiles('js-tmpl-entry-js'));
 });
 
+describe('experimental', () => {
+  test('option-pretty-beforeEmit', () => compareFiles('_experimental/option-pretty-beforeEmit'));
+});
+
 // Test Messages
 
 describe('exception tests', () => {