fix(ct): correctly works with vite-style imports

package.json

@@ -118,6 +118,7 @@
     "yallist": "3.1.1"
   },
   "devDependencies": {
+    "@babel/parser": "7.28.5",
     "@commitlint/cli": "^19.0.3",
     "@commitlint/config-conventional": "^19.0.3",
     "@cspotcode/source-map-support": "0.8.0",
@@ -179,11 +180,15 @@
     "uglifyify": "3.0.4"
   },
   "peerDependencies": {
+    "@babel/parser": ">=7.0.0",
     "@cspotcode/source-map-support": ">=0.7.0",
     "@swc/core": ">=1.3.96",
     "ts-node": ">=10.5.0"
   },
   "peerDependenciesMeta": {
+    "@babel/parser": {
+      "optional": true
+    },
     "ts-node": {
       "optional": true
     },

src/base-testplane.ts

@@ -11,7 +11,7 @@ import {
     Interceptor,
 } from "./events";
 import Errors from "./errors";
-import { registerTransformHook } from "./utils/typescript";
+import { registerTransformHook, updateTransformHook } from "./utils/typescript";
 import { ConfigInput } from "./config/types";
 
 export abstract class BaseTestplane extends AsyncEmitter {
@@ -31,8 +31,9 @@ export abstract class BaseTestplane extends AsyncEmitter {
         this._interceptors = [];
 
         registerTransformHook(this.isWorker());
-
         this._config = Config.create(config);
+        updateTransformHook(this._config);
+
         this._setLogLevel();
         this._loadPlugins();
     }

src/test-reader/mocha-reader/index.js

@@ -8,17 +8,33 @@ const { TreeBuilderDecorator } = require("./tree-builder-decorator");
 const { TestReaderEvents } = require("../../events");
 const { MasterEvents } = require("../../events");
 const { getMethodsByInterface } = require("./utils");
+const logger = require("../../utils/logger");
 const { enableSourceMaps } = require("../../utils/typescript");
 
-async function readFiles(files, { esmDecorator, config, eventBus, runnableOpts }) {
+async function readFiles(files, { esmDecorator, config, eventBus, runnableOpts, isBrowserEnv = false }) {
     const mocha = new Mocha(config);
     mocha.fullTrace();
 
     initBuildContext(eventBus);
     initEventListeners({ rootSuite: mocha.suite, outBus: eventBus, config, runnableOpts });
 
     files.forEach(f => mocha.addFile(f));
-    await mocha.loadFilesAsync({ esmDecorator });
+
+    try {
+        await mocha.loadFilesAsync({ esmDecorator });
+    } catch (err) {
+        const errorMessage = (err.message || "").split("\n")[0].trim();
+
+        if (isBrowserEnv && err.code === "MODULE_NOT_FOUND" && errorMessage.includes("?")) {
+            logger.warn(
+                `Failed to resolve module with query parameter: ${errorMessage}. ` +
+                    `This is likely a Vite-style import (e.g., './file.svg?react'). ` +
+                    `Please install @babel/parser version 7 or higher to fix this issue.`,
+            );
+        }
+
+        throw err;
+    }
 
     applyOnly(mocha.suite, eventBus);
 }

src/test-reader/test-parser.ts

@@ -17,6 +17,7 @@ import * as logger from "../utils/logger";
 import { getShortMD5 } from "../utils/crypto";
 import { Test } from "./test-object";
 import { Config } from "../config";
+import { isRunInBrowserEnv } from "../utils/config";
 import { BrowserConfig } from "../config/browser-config";
 import type { ReadTestsOpts } from "../testplane";
 
@@ -79,7 +80,9 @@ export class TestParser extends EventEmitter {
 
         const rand = Math.random();
         const esmDecorator = (f: string): string => f + `?rand=${rand}`;
-        await readFiles(files, { esmDecorator, config: mochaOpts, eventBus, runnableOpts });
+        const isBrowserEnv = isRunInBrowserEnv(config);
+
+        await readFiles(files, { esmDecorator, config: mochaOpts, eventBus, runnableOpts, isBrowserEnv });
 
         if (config.lastFailed.only) {
             try {

src/utils/config.ts

@@ -1,6 +1,13 @@
-import { NODEJS_TEST_RUN_ENV } from "../constants/config";
+import { BROWSER_TEST_RUN_ENV, NODEJS_TEST_RUN_ENV } from "../constants/config";
 import type { CommonConfig } from "../config/types";
 
 export const isRunInNodeJsEnv = (config: CommonConfig): boolean => {
     return config.system.testRunEnv === NODEJS_TEST_RUN_ENV;
 };
+
+export const isRunInBrowserEnv = (config: CommonConfig): boolean => {
+    return (
+        (typeof config.system.testRunEnv === "string" && config.system.testRunEnv === BROWSER_TEST_RUN_ENV) ||
+        (Array.isArray(config.system.testRunEnv) && config.system.testRunEnv[0] === BROWSER_TEST_RUN_ENV)
+    );
+};