@rspack-debug/test-tools 1.4.9 → 1.6.2

package/dist/case/stats-output.js

@@ -1,22 +1,213 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.createStatsProcessor = createStatsProcessor;
 exports.createStatsOutputCase = createStatsOutputCase;
-const stats_1 = require("../processor/stats");
+const node_path_1 = __importDefault(require("node:path"));
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const placeholder_1 = require("../helper/expect/placeholder");
+const captureStdio_1 = __importDefault(require("../helper/legacy/captureStdio"));
 const creator_1 = require("../test/creator");
-const type_1 = require("../type");
+const common_1 = require("./common");
+const REG_ERROR_CASE = /error$/;
+function createStatsProcessor(name, defaultOptions, overrideOptions) {
+    const writeStatsOuptut = false;
+    const snapshotName = "stats.txt";
+    let stderr = null;
+    return {
+        before: async (context) => {
+            stderr = (0, captureStdio_1.default)(process.stderr, true);
+        },
+        config: async (context) => {
+            (0, common_1.configMultiCompiler)(context, name, ["rspack.config.js", "webpack.config.js"], defaultOptions, overrideOptions);
+        },
+        compiler: async (context) => {
+            const c = await (0, common_1.compiler)(context, name);
+            await statsCompiler(context, c);
+        },
+        build: async (context) => {
+            await (0, common_1.build)(context, name);
+        },
+        run: async (env, context) => {
+            // no need to run, just check snapshot
+        },
+        check: async (env, context) => {
+            await check(env, context, name, writeStatsOuptut, snapshotName, stderr);
+        },
+        after: async (context) => {
+            stderr.restore();
+        }
+    };
+}
 const creator = new creator_1.BasicCaseCreator({
     clean: true,
     describe: false,
     steps: ({ name }) => [
-        new stats_1.StatsProcessor({
-            name,
-            writeStatsOuptut: false,
-            compilerType: type_1.ECompilerType.Rspack,
-            configFiles: ["rspack.config.js", "webpack.config.js"]
-        })
+        createStatsProcessor(name, defaultOptions, overrideOptions)
     ],
     description: () => "should print correct stats for"
 });
 function createStatsOutputCase(name, src, dist) {
     creator.create(name, src, dist);
 }
+function defaultOptions(index, context) {
+    if (fs_extra_1.default.existsSync(node_path_1.default.join(context.getSource(), "rspack.config.js")) ||
+        fs_extra_1.default.existsSync(node_path_1.default.join(context.getSource(), "webpack.config.js"))) {
+        return {
+            experiments: {
+                css: true,
+                rspackFuture: {
+                    bundlerInfo: {
+                        force: false
+                    }
+                }
+            }
+        };
+    }
+    return {
+        context: context.getSource(),
+        mode: "development",
+        entry: "./index.js",
+        output: {
+            filename: "bundle.js",
+            path: context.getDist()
+        },
+        optimization: {
+            minimize: false
+        },
+        experiments: {
+            css: true,
+            rspackFuture: {
+                bundlerInfo: {
+                    force: false
+                }
+            },
+            inlineConst: true
+        }
+    };
+}
+function overrideOptions(index, context, options) {
+    if (!options.context)
+        options.context = context.getSource();
+    if (!options.output)
+        options.output = options.output || {};
+    if (!options.output.path)
+        options.output.path = context.getDist();
+    if (!options.plugins)
+        options.plugins = [];
+    if (!options.optimization)
+        options.optimization = {};
+    if (options.optimization.minimize === undefined) {
+        options.optimization.minimize = false;
+    }
+    if (!global.printLogger) {
+        options.infrastructureLogging = {
+            level: "error"
+        };
+    }
+}
+class RspackStats {
+    constructor(value) {
+        this.value = value;
+    }
+}
+async function check(env, context, name, writeStatsOuptut, snapshot, stderr) {
+    const compiler = context.getCompiler();
+    const options = compiler.getOptions();
+    const stats = compiler.getStats();
+    if (!stats || !compiler)
+        return;
+    for (const compilation of []
+        .concat(stats.stats || stats)
+        .map((s) => s.compilation)) {
+        compilation.logging.delete("webpack.Compilation.ModuleProfile");
+    }
+    if (REG_ERROR_CASE.test(name)) {
+        env.expect(stats.hasErrors()).toBe(true);
+    }
+    else if (stats.hasErrors()) {
+        throw new Error(stats.toString({
+            all: false,
+            errors: true
+            // errorStack: true,
+            // errorDetails: true
+        }));
+    }
+    else if (writeStatsOuptut) {
+        fs_extra_1.default.writeFileSync(node_path_1.default.join(context.getDist(), "stats.txt"), stats.toString({
+            preset: "verbose",
+            // context: context.getSource(),
+            colors: false
+        }), "utf-8");
+    }
+    let toStringOptions = {
+        context: context.getSource(),
+        colors: false
+    };
+    let hasColorSetting = false;
+    if (typeof options.stats !== "undefined") {
+        toStringOptions = options.stats;
+        if (toStringOptions === null || typeof toStringOptions !== "object")
+            toStringOptions = { preset: toStringOptions };
+        if (!toStringOptions.context)
+            toStringOptions.context = context.getSource();
+        hasColorSetting = typeof toStringOptions.colors !== "undefined";
+    }
+    if (Array.isArray(options) && !toStringOptions.children) {
+        toStringOptions.children = options.map(o => o.stats);
+    }
+    // mock timestamps
+    for (const { compilation: s } of [].concat(stats.stats || stats)) {
+        env.expect(s.startTime).toBeGreaterThan(0);
+        env.expect(s.endTime).toBeGreaterThan(0);
+        s.endTime = new Date("04/20/1970, 12:42:42 PM").getTime();
+        s.startTime = s.endTime - 1234;
+    }
+    let actual = stats.toString(toStringOptions);
+    env.expect(typeof actual).toBe("string");
+    actual = stderr.toString() + actual;
+    if (!hasColorSetting) {
+        actual = actual
+            .replace(/\u001b\[[0-9;]*m/g, "")
+            // CHANGE: The time unit display in Rspack is second
+            .replace(/[.0-9]+(\s?s)/g, "X$1")
+            // CHANGE: Replace bundle size, since bundle sizes may differ between platforms
+            .replace(/[0-9]+\.?[0-9]+ KiB/g, "xx KiB")
+            .replace(/[0-9]+ ms/g, "xx ms");
+    }
+    const snapshotPath = node_path_1.default.isAbsolute(snapshot)
+        ? snapshot
+        : node_path_1.default.resolve(context.getSource(), `./__snapshots__/${snapshot}`);
+    env.expect(new RspackStats(actual)).toMatchFileSnapshotSync(snapshotPath);
+    const testConfig = context.getTestConfig();
+    if (typeof testConfig?.validate === "function") {
+        testConfig.validate(stats, stderr.toString());
+    }
+}
+async function statsCompiler(context, compiler) {
+    const compilers = compiler.compilers
+        ? compiler.compilers
+        : [compiler];
+    for (const compiler of compilers) {
+        if (!compiler.inputFileSystem) {
+            continue;
+        }
+        const ifs = compiler.inputFileSystem;
+        const inputFileSystem = Object.create(ifs);
+        compiler.inputFileSystem = inputFileSystem;
+        inputFileSystem.readFile = (...args) => {
+            const callback = args.pop();
+            ifs.readFile.apply(ifs, args.concat([
+                (err, result) => {
+                    if (err)
+                        return callback(err);
+                    if (!/\.(js|json|txt)$/.test(args[0]))
+                        return callback(null, result);
+                    callback(null, (0, placeholder_1.normalizePlaceholder)(result.toString("utf-8")));
+                }
+            ]));
+        };
+    }
+}

package/dist/case/treeshaking.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTreeShakingCase = createTreeShakingCase;
-const treeshaking_1 = require("../processor/treeshaking");
 const creator_1 = require("../test/creator");
-const type_1 = require("../type");
+const builtin_1 = require("./builtin");
+const common_1 = require("./common");
 const creator = new creator_1.BasicCaseCreator({
     clean: true,
     describe: false,
@@ -11,13 +11,40 @@ const creator = new creator_1.BasicCaseCreator({
         return `${name} with newTreeshaking should match snapshot`;
     },
     steps: ({ name }) => [
-        new treeshaking_1.TreeShakingProcessor({
-            name,
-            snapshot: "treeshaking.snap.txt",
-            compilerType: type_1.ECompilerType.Rspack
-        })
+        {
+            config: async (context) => {
+                const compiler = context.getCompiler();
+                const options = (0, builtin_1.defaultOptions)(context);
+                overrideOptions(context, options);
+                compiler.setOptions(options);
+            },
+            compiler: async (context) => {
+                await (0, common_1.compiler)(context, name);
+            },
+            build: async (context) => {
+                await (0, common_1.build)(context, name);
+            },
+            run: async (env, context) => {
+                // no need to run, just check snapshot
+            },
+            check: async (env, context) => {
+                await (0, common_1.checkSnapshot)(env, context, name, "treeshaking.snap.txt");
+            }
+        }
     ]
 });
 function createTreeShakingCase(name, src, dist) {
     creator.create(name, src, dist);
 }
+function overrideOptions(context, options) {
+    options.target = options.target || ["web", "es2022"];
+    options.optimization ??= {};
+    options.optimization.providedExports = true;
+    options.optimization.innerGraph = true;
+    options.optimization.usedExports = true;
+    if (!global.printLogger) {
+        options.infrastructureLogging = {
+            level: "error"
+        };
+    }
+}

package/dist/case/watch.d.ts

@@ -1 +1,28 @@
+import type { ITestContext, ITestEnv, ITestRunner } from "../type";
+export declare function createWatchInitialProcessor(name: string, tempDir: string, step: string, watchState: Record<string, any>, { incremental, nativeWatcher }?: {
+    incremental?: boolean | undefined;
+    nativeWatcher?: boolean | undefined;
+}): {
+    before: (context: ITestContext) => Promise<void>;
+    config: (context: ITestContext) => Promise<void>;
+    compiler: (context: ITestContext) => Promise<void>;
+    build: (context: ITestContext) => Promise<void>;
+    run: (env: ITestEnv, context: ITestContext) => Promise<void>;
+    check: (env: ITestEnv, context: ITestContext) => Promise<void>;
+    after: (context: ITestContext) => Promise<void>;
+};
+export declare function createWatchStepProcessor(name: string, tempDir: string, step: string, watchState: Record<string, any>, { incremental, nativeWatcher }?: {
+    incremental?: boolean | undefined;
+    nativeWatcher?: boolean | undefined;
+}): {
+    before: (context: ITestContext) => Promise<void>;
+    config: (context: ITestContext) => Promise<void>;
+    compiler: (context: ITestContext) => Promise<void>;
+    build: (context: ITestContext) => Promise<void>;
+    run: (env: ITestEnv, context: ITestContext) => Promise<void>;
+    check: (env: ITestEnv, context: ITestContext) => Promise<void>;
+    after: (context: ITestContext) => Promise<void>;
+};
 export declare function createWatchCase(name: string, src: string, dist: string, temp: string): void;
+export declare function getWatchRunnerKey(context: ITestContext, name: string, file: string): string;
+export declare function createWatchRunner(context: ITestContext, name: string, file: string, env: ITestEnv): ITestRunner;

package/dist/case/watch.js

@@ -3,16 +3,201 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.createWatchInitialProcessor = createWatchInitialProcessor;
+exports.createWatchStepProcessor = createWatchStepProcessor;
 exports.createWatchCase = createWatchCase;
+exports.getWatchRunnerKey = getWatchRunnerKey;
+exports.createWatchRunner = createWatchRunner;
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
-const watch_1 = require("../processor/watch");
+const webpack_merge_1 = __importDefault(require("webpack-merge"));
+const compiler_1 = require("../compiler");
+const helper_1 = require("../helper");
+const checkArrayExpectation_1 = __importDefault(require("../helper/legacy/checkArrayExpectation"));
+const copyDiff_1 = __importDefault(require("../helper/legacy/copyDiff"));
 const runner_1 = require("../runner");
 const creator_1 = require("../test/creator");
-const type_1 = require("../type");
+const common_1 = require("./common");
+function createWatchInitialProcessor(name, tempDir, step, watchState, { incremental = false, nativeWatcher = false } = {}) {
+    const watchContext = {
+        currentTriggerFilename: null,
+        lastHash: null,
+        step,
+        tempDir,
+        nativeWatcher,
+        watchState
+    };
+    return {
+        before: async (context) => {
+            context.setValue("watchContext", watchContext);
+        },
+        config: async (context) => {
+            const testConfig = context.getTestConfig();
+            const multiCompilerOptions = [];
+            const caseOptions = (0, helper_1.readConfigFile)(["rspack.config.js", "webpack.config.js"].map(i => context.getSource(i)), context, {});
+            for (const [index, options] of caseOptions.entries()) {
+                const compilerOptions = (0, webpack_merge_1.default)(defaultOptions({
+                    incremental,
+                    ignoreNotFriendlyForIncrementalWarnings: testConfig.ignoreNotFriendlyForIncrementalWarnings
+                }), options);
+                overrideOptions(index, context, compilerOptions, tempDir, nativeWatcher);
+                multiCompilerOptions.push(compilerOptions);
+            }
+            const compilerOptions = multiCompilerOptions.length === 1
+                ? multiCompilerOptions[0]
+                : multiCompilerOptions;
+            const compiler = context.getCompiler();
+            compiler.setOptions(compilerOptions);
+            context.setValue("multiCompilerOptions", multiCompilerOptions);
+        },
+        compiler: async (context) => {
+            const c = await (0, common_1.compiler)(context, name);
+            c.hooks.invalid.tap("WatchTestCasesTest", (filename, mtime) => {
+                watchContext.currentTriggerFilename = filename;
+            });
+        },
+        build: async (context) => {
+            const compiler = context.getCompiler();
+            node_fs_1.default.mkdirSync(watchContext.tempDir, { recursive: true });
+            (0, copyDiff_1.default)(node_path_1.default.join(context.getSource(), watchContext.step), watchContext.tempDir, true);
+            const task = new Promise((resolve, reject) => {
+                compiler.getEmitter().once(compiler_1.ECompilerEvent.Build, (e, stats) => {
+                    if (e)
+                        return reject(e);
+                    resolve(stats);
+                });
+            });
+            compiler.watch();
+            await task;
+        },
+        run: async (env, context) => {
+            await (0, common_1.run)(env, context, name, (context) => (0, common_1.findMultiCompilerBundle)(context, name, (index, context, options) => findBundle(index, context, options, step)));
+        },
+        check: async (env, context) => {
+            const testConfig = context.getTestConfig();
+            if (testConfig.noTests)
+                return;
+            const errors = (context.getError() || []).map(e => ({
+                message: e.message,
+                stack: e.stack
+            }));
+            const warnings = [];
+            const compiler = context.getCompiler();
+            const stats = compiler.getStats();
+            const options = compiler.getOptions();
+            const checkStats = testConfig.checkStats || (() => true);
+            if (stats) {
+                if (testConfig.writeStatsOuptut) {
+                    node_fs_1.default.writeFileSync(node_path_1.default.join(context.getDist(), "stats.txt"), stats.toString({
+                        preset: "verbose",
+                        colors: false
+                    }), "utf-8");
+                }
+                const getJsonStats = (() => {
+                    let cached = null;
+                    return () => {
+                        if (!cached) {
+                            cached = stats.toJson({
+                                errorDetails: true
+                            });
+                        }
+                        return cached;
+                    };
+                })();
+                const getStringStats = (() => {
+                    let cached = null;
+                    return () => {
+                        if (!cached) {
+                            cached = stats.toString({
+                                logging: "verbose"
+                            });
+                        }
+                        return cached;
+                    };
+                })();
+                if (checkStats.length > 1) {
+                    if (!checkStats(watchContext.step, getJsonStats(), getStringStats())) {
+                        throw new Error("stats check failed");
+                    }
+                }
+                else {
+                    // @ts-expect-error only one param
+                    if (!checkStats(watchContext.step)) {
+                        throw new Error("stats check failed");
+                    }
+                }
+                if (testConfig.writeStatsJson) {
+                    node_fs_1.default.writeFileSync(node_path_1.default.join(context.getDist(), "stats.json"), JSON.stringify(getJsonStats(), null, 2), "utf-8");
+                }
+                if (node_fs_1.default.existsSync(context.getSource(`${watchContext.step}/errors.js`)) ||
+                    node_fs_1.default.existsSync(context.getSource(`${watchContext.step}/warnings.js`)) ||
+                    stats.hasErrors() ||
+                    stats.hasWarnings()) {
+                    const statsJson = stats.toJson({
+                        errorDetails: true
+                    });
+                    if (statsJson.errors) {
+                        errors.push(...statsJson.errors);
+                    }
+                    if (statsJson.warnings) {
+                        warnings.push(...statsJson.warnings);
+                    }
+                }
+            }
+            await (0, checkArrayExpectation_1.default)(node_path_1.default.join(context.getSource(), watchContext.step), { errors }, "error", "errors", "Error", options);
+            await (0, checkArrayExpectation_1.default)(node_path_1.default.join(context.getSource(), watchContext.step), { warnings }, "warning", "warnings", "Warning", options);
+            // clear error if checked
+            if (node_fs_1.default.existsSync(context.getSource("errors.js"))) {
+                context.clearError();
+            }
+            // check hash
+            if (testConfig.writeStatsOuptut) {
+                node_fs_1.default.renameSync(node_path_1.default.join(context.getDist(), "stats.txt"), node_path_1.default.join(context.getDist(), `stats.${watchContext.step}.txt`));
+            }
+            if (testConfig.writeStatsJson) {
+                node_fs_1.default.renameSync(node_path_1.default.join(context.getDist(), "stats.json"), node_path_1.default.join(context.getDist(), `stats.${watchContext.step}.json`));
+            }
+        },
+        after: async (context) => {
+            await (0, common_1.afterExecute)(context, name);
+        }
+    };
+}
+function createWatchStepProcessor(name, tempDir, step, watchState, { incremental = false, nativeWatcher = false } = {}) {
+    const processor = createWatchInitialProcessor(name, tempDir, step, watchState, { incremental });
+    processor.compiler = async (context) => {
+        // do nothing
+    };
+    processor.build = async (context) => {
+        const compiler = context.getCompiler();
+        const task = new Promise((resolve, reject) => {
+            compiler.getEmitter().once(compiler_1.ECompilerEvent.Build, (e, stats) => {
+                if (e)
+                    return reject(e);
+                resolve(stats);
+            });
+        });
+        // wait compiler to ready watch the files and diretories
+        // Native Watcher using [notify](https://github.com/notify-rs/notify) to watch files.
+        // After tests, notify will cost many milliseconds to watch in windows OS when jest run concurrently.
+        // So we need to wait a while to ensure the watcher is ready.
+        // If we don't wait, copyDiff will happen before the watcher is ready,
+        // which will cause the compiler not rebuild when the files change.
+        // The timeout is set to 400ms for windows OS and 100ms for other OS.
+        // TODO: This is a workaround, we can remove it when notify support windows better.
+        const timeout = nativeWatcher && process.platform === "win32" ? 400 : 100;
+        await new Promise(resolve => setTimeout(resolve, timeout));
+        (0, copyDiff_1.default)(node_path_1.default.join(context.getSource(), step), tempDir, false);
+        await task;
+    };
+    return processor;
+}
 const creator = new creator_1.BasicCaseCreator({
     clean: true,
-    runner: runner_1.WatchRunnerFactory,
+    runner: {
+        key: getWatchRunnerKey,
+        runner: createWatchRunner
+    },
     description: (name, index) => {
         return index === 0
             ? `${name} should compile`
@@ -24,30 +209,141 @@ const creator = new creator_1.BasicCaseCreator({
         const runs = node_fs_1.default
             .readdirSync(src)
             .sort()
-            .filter(name => {
-            return node_fs_1.default.statSync(node_path_1.default.join(src, name)).isDirectory();
-        })
+            .filter(name => node_fs_1.default.statSync(node_path_1.default.join(src, name)).isDirectory())
             .map(name => ({ name }));
         return runs.map((run, index) => index === 0
-            ? new watch_1.WatchProcessor({
-                name,
-                stepName: run.name,
-                tempDir: temp,
-                runable: true,
-                compilerType: type_1.ECompilerType.Rspack,
-                configFiles: ["rspack.config.js", "webpack.config.js"]
-            }, watchState)
-            : new watch_1.WatchStepProcessor({
-                name,
-                stepName: run.name,
-                tempDir: temp,
-                runable: true,
-                compilerType: type_1.ECompilerType.Rspack,
-                configFiles: ["rspack.config.js", "webpack.config.js"]
-            }, watchState));
+            ? createWatchInitialProcessor(name, temp, run.name, watchState)
+            : createWatchStepProcessor(name, temp, run.name, watchState));
     },
     concurrent: true
 });
 function createWatchCase(name, src, dist, temp) {
     creator.create(name, src, dist, temp);
 }
+function overrideOptions(index, context, options, tempDir, nativeWatcher) {
+    if (!options.mode)
+        options.mode = "development";
+    if (!options.context)
+        options.context = tempDir;
+    if (!options.entry)
+        options.entry = "./index.js";
+    if (!options.target)
+        options.target = "async-node";
+    if (!options.devtool)
+        options.devtool = false;
+    if (!options.output)
+        options.output = {};
+    if (!options.output.path)
+        options.output.path = context.getDist();
+    if (typeof options.output.pathinfo === "undefined")
+        options.output.pathinfo = false;
+    if (!options.output.filename)
+        options.output.filename = "bundle.js";
+    if (options.cache && options.cache.type === "filesystem") {
+        const cacheDirectory = node_path_1.default.join(tempDir, ".cache");
+        options.cache.cacheDirectory = cacheDirectory;
+        options.cache.name = `config-${index}`;
+    }
+    options.optimization ??= {};
+    options.experiments ??= {};
+    options.experiments.css ??= true;
+    if (nativeWatcher) {
+        options.experiments.nativeWatcher ??= true;
+    }
+    options.experiments.rspackFuture ??= {};
+    options.experiments.rspackFuture.bundlerInfo ??= {};
+    options.experiments.rspackFuture.bundlerInfo.force ??=
+        false;
+    // test incremental: "safe" here, we test default incremental in Incremental-*.test.js
+    options.experiments.incremental ??= "safe";
+    if (!global.printLogger) {
+        options.infrastructureLogging = {
+            level: "error"
+        };
+    }
+}
+function findBundle(index, context, options, stepName) {
+    const testConfig = context.getTestConfig();
+    if (typeof testConfig.findBundle === "function") {
+        return testConfig.findBundle(index, options, stepName);
+    }
+    return "./bundle.js";
+}
+function defaultOptions({ incremental = false, ignoreNotFriendlyForIncrementalWarnings = false } = {}) {
+    if (incremental) {
+        return {
+            experiments: {
+                incremental: "advance"
+            },
+            ignoreWarnings: ignoreNotFriendlyForIncrementalWarnings
+                ? [/is not friendly for incremental/]
+                : undefined
+        };
+    }
+    return {};
+}
+function getWatchRunnerKey(context, name, file) {
+    const watchContext = context.getValue("watchContext");
+    const stepName = watchContext?.step;
+    return `${name}-${stepName}`;
+}
+function cachedWatchStats(context, name) {
+    const compiler = context.getCompiler();
+    const watchContext = context.getValue("watchContext");
+    const stepName = watchContext?.step;
+    const statsGetter = (() => {
+        const cached = {};
+        return () => {
+            if (cached[stepName]) {
+                return cached[stepName];
+            }
+            cached[stepName] = compiler.getStats().toJson({
+                errorDetails: true
+            });
+            return cached[stepName];
+        };
+    })();
+    return statsGetter;
+}
+function createWatchRunner(context, name, file, env) {
+    const compiler = context.getCompiler();
+    const compilerOptions = compiler.getOptions();
+    const watchContext = context.getValue("watchContext");
+    const stepName = watchContext?.step;
+    if (!stepName) {
+        throw new Error("Can not get watch step name from context");
+    }
+    const state = watchContext?.watchState;
+    if (!state) {
+        throw new Error("Can not get watch state from context");
+    }
+    const isWeb = Array.isArray(compilerOptions)
+        ? compilerOptions.some(option => {
+            return option.target === "web" || option.target === "webworker";
+        })
+        : compilerOptions.target === "web" ||
+            compilerOptions.target === "webworker";
+    const testConfig = context.getTestConfig();
+    return new runner_1.WebRunner({
+        env,
+        stats: cachedWatchStats(context, name),
+        name: name,
+        runInNewContext: isWeb,
+        cachable: false,
+        testConfig: {
+            ...(testConfig || {}),
+            moduleScope: (ms, stats, options) => {
+                ms.STATE = state;
+                ms.WATCH_STEP = stepName;
+                if (typeof testConfig.moduleScope === "function") {
+                    return testConfig.moduleScope(ms, stats, options);
+                }
+                return ms;
+            }
+        },
+        source: context.getSource(),
+        dist: context.getDist(),
+        compilerOptions,
+        location: testConfig.location || "https://test.cases/path/index.html"
+    });
+}