test: add test template for handlebars issues

webdiscus · webdiscus · commit 390deb88dccc · 2025-07-01T17:55:15.000+02:00
diff --git a/test/cases/_preprocessor/handlebars-compile-issue-template/expected/app.js b/test/cases/_preprocessor/handlebars-compile-issue-template/expected/app.js
diff --git a/test/cases/_preprocessor/handlebars-compile-issue-template/expected/index.html b/test/cases/_preprocessor/handlebars-compile-issue-template/expected/index.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test</title>
+    <script src="app.js" defer="defer"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>
diff --git a/test/cases/_preprocessor/handlebars-compile-issue-template/src/app.js b/test/cases/_preprocessor/handlebars-compile-issue-template/src/app.js
@@ -0,0 +1,7 @@
+import tmpl from './partials/content.hbs';
+
+const locals = {
+  name: 'World',
+};
+
+document.getElementById('app').innerHTML = tmpl(locals);
diff --git a/test/cases/_preprocessor/handlebars-compile-issue-template/src/index.hbs b/test/cases/_preprocessor/handlebars-compile-issue-template/src/index.hbs
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Test</title>
+    <script src="./app.js" defer="defer"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>
diff --git a/test/cases/_preprocessor/handlebars-compile-issue-template/src/partials/content.hbs b/test/cases/_preprocessor/handlebars-compile-issue-template/src/partials/content.hbs
@@ -0,0 +1 @@
+<h1>Hello {{name}}!</h1>
diff --git a/test/cases/_preprocessor/handlebars-compile-issue-template/webpack.config.js b/test/cases/_preprocessor/handlebars-compile-issue-template/webpack.config.js
@@ -0,0 +1,28 @@
+const path = require('path');
+const HtmlBundlerPlugin = require('@test/html-bundler-webpack-plugin');
+
+module.exports = {
+  mode: 'production',
+  //mode: 'development',
+
+  output: {
+    path: path.join(__dirname, 'dist/'),
+  },
+
+  plugins: [
+    new HtmlBundlerPlugin({
+      entry: {
+        index: './src/index.hbs',
+      },
+      preprocessor: 'handlebars',
+      preprocessorOptions: {
+        strict: true,
+        views: ['src/partials'],
+      },
+    }),
+  ],
+
+  module: {
+    rules: [],
+  },
+};
diff --git a/test/preprocessor.test.js b/test/preprocessor.test.js
@@ -97,16 +97,19 @@ describe('usage template in js on client side', () => {
   test('ejs: compile to fn', () => compareFiles('_preprocessor/js-tmpl-ejs-compile'));
 
   // Handlebars
+
   test('hbs: compile to fn', () => compareFiles('_preprocessor/js-tmpl-hbs-compile'));
   test('hbs: compile undefined vars', () => compareFiles('_preprocessor/js-tmpl-hbs-compile-strict-undefined-var'));
   test('hbs: compile, helpers', () => compareFiles('_preprocessor/js-tmpl-hbs-compile-helpers'));
   test('hbs: compile, helpers, strict', () => compareFiles('_preprocessor/js-tmpl-hbs-compile-helpers-strict'));
   test('hbs: compile, partials', () => compareFiles('_preprocessor/js-tmpl-hbs-compile-partials'));
   test('hbs: compile, variables', () => compareFiles('_preprocessor/js-tmpl-hbs-compile-variables'));
   test('hbs: partials in hbs- and JS templates', () => compareFiles('_preprocessor/js-tmpl-hbs-partials-in-hbs-js'));
-
   test('hbs: render/compile images', () => compareFiles('_preprocessor/js-tmpl-hbs-compile-images'));
 
+  // Handlebars issues
+  test('handlebars compile, issue template', () => compareFiles('_preprocessor/handlebars-compile-issue-template'));
+
   // Nunjucks
   test('njk: compile to fn', () => compareFiles('_preprocessor/js-tmpl-njk-compile'));
 
