switch to playwright test runner, use esbuild for dev builds, switch to array destructuring

playwright.rollup.base.js

@@ -0,0 +1,71 @@
+const { dirname } = require('path');
+const { rollup, watch: rollupWatch } = require('rollup');
+const { test, expect } = require('@playwright/test');
+
+const playwrightRollup = async (testDir, watch = false) => {
+  let server;
+  const createPlaywrightRollupConfig = require(`${__dirname}/config/playwright/rollup.config.js`);
+  const onListening = (srv) => {
+    server = srv;
+  };
+  const config = await createPlaywrightRollupConfig(testDir, onListening);
+
+  if (watch) {
+    const watcher = rollupWatch(config);
+
+    // eslint-disable-next-line no-await-in-loop
+    await new Promise((resolve) => {
+      watcher.on('event', ({ code, error, result }) => {
+        if (code === 'ERROR') {
+          console.log('Error:', error); // eslint-disable-line
+        }
+        if (code === 'BUNDLE_END') {
+          if (result && result.close) {
+            result.close();
+          }
+        }
+        if (code === 'END') {
+          /*
+          console.log('Watching for changes, press ENTER to continue.'); // eslint-disable-line
+          console.log(''); // eslint-disable-line
+          */
+          resolve();
+        }
+      });
+    });
+
+    const { address, port } = server.address();
+    return {
+      url: `${address}:${port}`,
+      close: () => {
+        server.close();
+        watcher.close();
+      },
+    };
+  }
+
+  const bundle = await rollup(config);
+  await bundle.write(config.output);
+};
+
+module.exports = {
+  playwrightRollup: () => {
+    let url;
+    let close;
+
+    // eslint-disable-next-line no-empty-pattern
+    test.beforeAll(async ({}, { file }) => {
+      ({ close, url } = await playwrightRollup(dirname(file), true));
+    });
+
+    test.beforeEach(async ({ page }) => {
+      await page.goto(url);
+    });
+
+    test.afterAll(() => close());
+  },
+  expectSuccess: async (page) => {
+    await page.locator('#testResult').waitFor({ state: 'visible', timeout: 10 * 60 * 1000 }); // 10mins
+    await expect(page.locator('#testResult')).toHaveClass('passed', { timeout: 500 });
+  },
+};