Fix SDK's browser tests

Author: mondoreale

packages/browser-test-runner/src/createKarmaConfig.ts

@@ -4,8 +4,16 @@ import type { Configuration, ExternalItem } from 'webpack'
 
 const DEBUG_MODE = process.env.BROWSER_TEST_DEBUG_MODE ?? false
 
+export interface KarmaConfigOptions {
+    // File patterns to serve but not include in the test bundle (e.g. worker files)
+    servedFiles?: string[]
+}
+
 export const createKarmaConfig = (
-    testPaths: string[], webpackConfig: () => Configuration, localDirectory?: string
+    testPaths: string[],
+    webpackConfig: () => Configuration,
+    localDirectory?: string,
+    options: KarmaConfigOptions = {}
 ): (config: any) => any => {
     const setupFiles = [fileURLToPath(new URL('./karma-setup.js', import.meta.url))]
 
@@ -57,7 +65,13 @@ export const createKarmaConfig = (
             reporters: ['spec'],
             files: [
                 ...setupFiles,
-                ...testPaths
+                ...testPaths,
+                ...(options.servedFiles ?? []).map((pattern) => ({
+                    pattern,
+                    included: false,
+                    served: true,
+                    watched: false
+                }))
             ],
             preprocessors,
             customLaunchers: {

packages/browser-test-runner/src/exports.ts

@@ -1,2 +1,3 @@
 export { createKarmaConfig } from './createKarmaConfig'
+export type { KarmaConfigOptions } from './createKarmaConfig'
 export { createWebpackConfig } from './createWebpackConfig'

packages/sdk/createKarmaConfig.ts

@@ -15,6 +15,7 @@ export function createKarmaConfig(testPaths: string[]): ReturnType<typeof create
                     'test/test-utils/jestGlobalsMock.ts'
                 ),
                 '@streamr/dht': resolve(__dirname, '../dht/dist/exports-browser.cjs'),
+                "@/createSignatureValidationWorker": resolve(__dirname, 'src/_karma/createSignatureValidationWorker.ts'),
                 '@': resolve(__dirname, 'src/_browser'),
             },
             fallback: {
@@ -30,6 +31,9 @@ export function createKarmaConfig(testPaths: string[]): ReturnType<typeof create
                 'node:timers/promises': 'timers/promises',
             },
         }),
-        __dirname
+        __dirname,
+        {
+            servedFiles: ['dist/*.mjs']
+        }
     )
 }

packages/sdk/rollup.config.mts

@@ -29,14 +29,14 @@ const browserAliases: Alias[] = [
 ]
 
 export default defineConfig([
+    workerNodejs(),
+    workerBrowser(),
     nodejs(),
     nodejsTypes(),
     browser(),
     browserTypes(),
     umd(),
     umdMinified(),
-    workerNodejs(),
-    workerBrowser(),
 ])
 
 function onwarn(log: RollupLog, rollupWarn: (log: RollupLog) => void): void {

packages/sdk/src/_karma/createSignatureValidationWorker.ts

@@ -0,0 +1,11 @@
+/**
+ * Browser-specific signature validation worker factory.
+ */
+import Worker from 'web-worker'
+
+export function createSignatureValidationWorker(): InstanceType<typeof Worker> {
+    return new Worker(
+        new URL('../../dist/workers/SignatureValidationWorker.browser.mjs', import.meta.url),
+        { type: 'module' }
+    )
+}