melloware · melloware · Nov 23, 2021 · Nov 23, 2021
diff --git a/package.json b/package.json
@@ -48,7 +48,8 @@
   "scripts": {
     "build": "gulp build",
     "start": "gulp",
-    "prepack": "gulp build"
+    "prepack": "gulp build ; npm run test-npm",
+    "test-npm": "node test-npm/run-tests.js"
   },
   "browserslist": "> 0.25%, not dead",
   "babel": {

diff --git a/test-npm/helper.js b/test-npm/helper.js
@@ -0,0 +1,92 @@
+// @ts-check
+
+const fs = require("fs");
+const cp = require("child_process");
+
+/**
+ * @param {string} dir 
+ */
+exports.removeDir = async (dir) => {
+  await fs.promises.rm(dir, { recursive: true, force: true });
+}
+
+/**
+ * @param {string} command
+ * @param {string[]} args
+ * @param {string} cwd
+ */
+exports.spawnSimple = async (command, args, cwd) => {
+  const { error, status } = cp.spawnSync(command, args, {
+    stdio: ["inherit", "inherit", "inherit"],
+    cwd: cwd,
+  });
+  if (error) throw error;
+  if (status !== 0) throw new Error(`Process exited with ${status}`);
+}
+
+/**
+ * @param {typeof import("jsdom")} jsdom
+ * @param {string} file
+ * @returns {Promise<{dom: import("jsdom").JSDOM, virtualConsole: import("jsdom").VirtualConsole}>}
+ */
+exports.loadHtml = async (jsdom, file) => {
+  const { JSDOM, VirtualConsole } = jsdom;
+
+  /** @type {Error[]} */
+  const errors = [];
+
+  const virtualConsole = new VirtualConsole({ captureRejections: true });
+
+  virtualConsole.on("debug", (...args) => {
+    console.debug(...args);
+  });
+
+  virtualConsole.on("log", (...args) => {
+    console.log(...args);
+  });
+
+  virtualConsole.on("info", (...args) => {
+    console.info(...args);
+  });
+
+  virtualConsole.on("warn", (...args) => {
+    console.warn(...args);
+  });
+
+  virtualConsole.on("error", (...args) => {
+    console.error(...args);
+    errors.push(new Error(args.join(" ")));
+  });
+
+  return new Promise((resolve, reject) => {
+    /** @type {{dom: import("jsdom").JSDOM | undefined, loaded: boolean}} */
+    const data = { dom: undefined, loaded: false };
+    const check = () => {
+      if (errors.length > 0) {
+        reject(errors[0]);
+      }
+      if (data.dom !== undefined && (data.dom.window.document.readyState === "complete" || data.loaded)) {
+        resolve({ dom: data.dom, virtualConsole });
+      }
+    };
+    const domPromise = JSDOM.fromFile(file, {
+      beforeParse: win => win.addEventListener("error", event => {
+        console.error(event.message, event.error);
+        errors.push(event.error instanceof Error ? event.error : new Error(String(event.message || event.error)));
+      }),
+      pretendToBeVisual: true,
+      resources: "usable",
+      runScripts: "dangerously",
+      url: `file://${file}`,
+      virtualConsole,
+    });
+    domPromise.then(dom => {
+      data.dom = dom;
+      dom.window.addEventListener("load", () => {
+        data.loaded = true;
+        check();
+      });
+      check();
+    });
+  });
+}
diff --git a/test-npm/run-tests.js b/test-npm/run-tests.js
@@ -0,0 +1,8 @@
+async function main() {
+  await require("./webpack-ts/run-test.js").main();
+}
+
+main().catch(e => {
+  console.error("Error while running test", e);
+  process.exit(1);
+});
diff --git a/test-npm/webpack-ts/index.html b/test-npm/webpack-ts/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <title></title>
+  <meta name="author" content="">
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+
+<body>
+    <p>Hello, world!</p>
+    <p>Hello, world!</p>
+    <p>Hello, world!</p>
+
+    <input type="text" id="coloris">
+
+    <script src="./dist/main.js"></script>
+</body>
+
+</html>