fixing standalone tests

Author: Janther

test.config.js

@@ -4,7 +4,10 @@ import createEsmUtils from 'esm-utils';
 const { __dirname } = createEsmUtils(import.meta);
 
 export default {
-  entry: './tests/integration/test-app.js',
+  entry: {
+    test: './tests/integration/test-app.js',
+    'create-parser': './src/slang-utils/create-parser.js'
+  },
   mode: 'production',
   bail: true,
 
@@ -13,14 +16,25 @@ export default {
 
   externals: { 'node:fs/promises': 'import node:fs/promises' },
 
-  experiments: {
-    asyncWebAssembly: true,
-    topLevelAwait: true,
-    outputModule: true
+  resolve: {
+    extensions: ['.ts', '.js'],
+    extensionAlias: { '.js': ['.js', '.ts'] }
+  },
+
+  module: {
+    rules: [
+      {
+        test: /\.ts$/,
+        use: 'ts-loader',
+        exclude: /node_modules/
+      }
+    ]
   },
 
+  experiments: { outputModule: true },
+
   output: {
-    filename: 'test.js',
+    filename: '[name].js',
     path: path.resolve(__dirname, 'dist'),
     library: { type: 'module' }
   },

tests/config/get-create-parser.js

@@ -0,0 +1,16 @@
+function getCreateParserInternal() {
+  const entry = process.env.TEST_STANDALONE
+    ? "../../dist/create-parser.js"
+    : "../../src/slang-utils/create-parser.js";
+
+  return import(entry).then((module) => module.createParser);
+}
+
+let promise;
+function getCreateParser() {
+  promise = promise ?? getCreateParserInternal();
+
+  return promise;
+}
+
+export default getCreateParser;

tests/config/run-format-test.js

@@ -3,13 +3,13 @@ import path from "node:path";
 import url from "node:url";
 import createEsmUtils from "esm-utils";
 import getPrettier from "./get-prettier.js";
+import getCreateParser from "./get-create-parser.js";
 import getPlugins from "./get-plugins.js";
 import compileContract from "./utils/compile-contract.js";
 import consistentEndOfLine from "./utils/consistent-end-of-line.js";
 import createSnapshot from "./utils/create-snapshot.js";
 import stringifyOptionsForTitle from "./utils/stringify-options-for-title.js";
 import visualizeEndOfLine from "./utils/visualize-end-of-line.js";
-import { createParser } from "../../src/slang-utils/create-parser.js";
 
 const { __dirname } = createEsmUtils(import.meta);
 
@@ -327,6 +327,7 @@ async function runTest({
   ) {
     // Compare with ANTLR's format
     const prettier = await getPrettier();
+    const createParser = await getCreateParser();
     const { formatted: antlrOutput } = await prettier.formatWithCursor(code, {
       ...formatOptions,
       // Since Slang forces us to decide on a compiler version, we need to do the

webpack.config.js

@@ -4,12 +4,10 @@ import webpack from 'webpack';
 
 const { __dirname } = createEsmUtils(import.meta);
 
-const globalObject = `
-  typeof globalThis !== 'undefined' ? globalThis
+const globalObject = `typeof globalThis !== 'undefined' ? globalThis
   : typeof global !== 'undefined' ? global
   : typeof self !== 'undefined' ? self
-  : this || {}
-`;
+  : this || {}`;
 
 // This is the production and development configuration.
 // It is focused on developer experience, fast rebuilds, and a minimal bundle.
@@ -29,10 +27,8 @@ export default (webpackEnv) => {
       // TODO: investigate a cleaner way to populate the global variable
       // prettierPlugins in a browser.
       new webpack.BannerPlugin({
-        banner: `
-var root = ${globalObject};
-root["prettierPlugins"] = root["prettierPlugins"] || {}, root["prettierPlugins"]["solidity"] = __webpack_exports__default;
-`,
+        banner: `var root = ${globalObject};
+root["prettierPlugins"] = root["prettierPlugins"] || {}, root["prettierPlugins"]["solidity"] = __webpack_exports__default;`,
         footer: true,
         raw: true
       })
@@ -46,12 +42,6 @@ root["prettierPlugins"] = root["prettierPlugins"] || {}, root["prettierPlugins"]
       extensionAlias: { '.js': ['.js', '.ts'] }
     },
 
-    experiments: {
-      asyncWebAssembly: true,
-      topLevelAwait: true,
-      outputModule: true
-    },
-
     module: {
       rules: [
         {
@@ -62,6 +52,8 @@ root["prettierPlugins"] = root["prettierPlugins"] || {}, root["prettierPlugins"]
       ]
     },
 
+    experiments: { outputModule: true },
+
     optimization: { minimize: isEnvProduction },
     target: ['browserslist'],
     output: {