test: added testing via a browser (puppeteer)

test/evaluated-web-bundle/test.js

@@ -0,0 +1,58 @@
+import {join, dirname} from "node:path";
+
+import test from "ava";
+import { rollup } from "rollup";
+import urlPlugin from "@rollup/plugin-url";
+
+import html from "../../src/index.ts";
+import serveTest from "../util/test-server.ts";
+
+/**
+ * @type {OutputOptions}
+ */
+const output= {
+    dir: 'output', // Output all files
+    format: 'es', //  iifi and cjs should be added to tests
+    sourcemap: true,// Test if #sourcemapUrl is not accidentally included in the html-output
+    chunkFileNames: '[name].js',
+    entryFileNames: '[name].[extname]',
+    assetFileNames: '[name].[extname]',
+};
+
+import {fileURLToPath} from "node:url";
+import handlebars from "handlebars";
+const __dirname = dirname(fileURLToPath(import.meta.url));
+process.chdir(join(__dirname, 'fixtures'));
+
+
+const defaultAssetInclude = [
+    '**/*.(png|jpg|jpeg|gif|ico|svg)',// images, svg
+    '**/*.(woff|woff2|eot|ttf|otf)',// fonts
+    '**/*.(webm|mp4)',// video
+];
+
+test.serial('web-bundle', async (t) => {
+    const bundle = await rollup({
+        input: 'index.hbs',
+        treeshake: 'smallest',
+        plugins: [
+            html({
+                transform(src) {
+                    return handlebars.compile(src)({
+                        head: `<title>I'm cool!</title>`
+                    });
+                }
+            }),
+            urlPlugin({
+                include: defaultAssetInclude,
+            }),
+
+            serveTest({
+                path: 'index.html',
+                t,
+            })
+        ],
+    });
+    await bundle.generate(output);
+});
+